body {
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/degradegris.jpg);
	text-align: center; /* pour corriger le bug de centrage IE */
	font-family:Verdana, Geneva, sans-serif;
}
/*__________________________________________________________    _________*/
.blc_r {
	position:relative; 
	width:440px; 
	text-align:left; 
	padding:5px; 
	float:left; 
	background-color:#ca192d;
	margin:10px;
	float:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url('PIE.htc');
}
.blc_b {
	position:relative; 
	width:440px; 
	text-align:left; 
	padding:5px; 
	float:right; 
	background-color:#0f3d4c;
	margin:10px;
	float:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url('PIE.htc');
}
.blc_nr{
	font-size:12px;
	position:absolute;
	width:400px;
	z-index:5;
	padding:5px;
	height:30px;
	background-image:url(../images/fond_noirt.png);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#FFF;
	behavior: url('PIE.htc');
	left: 19px;
	top: 245px;
}
#global {
	/*position:absolute;*/
	position:relative;
	margin-top:5px;
	margin-left: auto;
	margin-right: auto;
	/*background-color:#FF0000;*/
	width:956px;
	text-align:left;
}
#foot {
	position:relative;
	top:0px;
	left:0px;
	width:980px;
	overflow:hidden;
	z-index:6;
	text-align:center;
}
#content {
	position:relative;
	top:0;
	left:0;
	width:956;
	/*background:#00FF00;*/
	text-align:left;
	z-index:4;
	bottom:0px;
}
#actu {
	position: relative;
	top:135px;
	left:511px;
	width:436px;
	height:25px;
	overflow:hidden;
	z-index:6;/*background:#993300;*/
}
/*__________________________________________________________  DIV  end_________*/


.border {
	border:1px solid #cccccc;
}
.txtblue11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#235179;
	text-align: left;
}
.txtgris11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-align: left;
}
.txtblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#235179;
	text-align: left;
}
.txtblk11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#A51E26;
}
.txtblk11-2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#A51E26;
	font-weight: bold;
}
.txtblk11-3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
}
.txtblk {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
}
.titreGRIS {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight:bold;
	text-align: left;
}
.titre2GRIS {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight:bold;
	text-align:center;
}
.loginGRIS {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8D8D8D;
}
.txtGRIS {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	font-style: normal;
	text-align:justify;
	font-weight: normal;
}
.txtGRIS3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	font-style: normal;
	text-align: right;
	font-weight: normal;
}
.txtGRIS2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	font-style: normal;
	text-align:justify;
}
.txtGRIS2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#235179;
	font-style: normal;
	text-align:justify;
}
.txtGRISitalic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	font-style: italic;
	font-weight:bold;
	font-style:italic;
	text-align:justify;
}
.txtred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#A51E26;
	text-align: right;
}
.txtredBOLD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#A51E26;
	text-align: left;
	font-weight:bold;
}
.textblanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-align: left;
}
.textblanc2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}
.textblc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-align: left;
}
/* POUR IE7 ET IE8  */
.textblc h3 {
	font-size:11px;
}
.textblc h4 {
	font-size:10px;
}


.textblanc2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-align: center;
	font-weight:bold;
}
.textnoir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000000;
	text-align: left;
	width:95%
}
.textgrs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #CCCCCC;
	text-align: left;
}
.textBLANCbandeau {
	font-family: Arial, Helvetica, sans-serif;
	font-size:17px;
	color: #FFFFFF;
	font-weight:bold;
	text-align: left;
}
.textgrislight {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	text-align: left;
}
.textgrislight2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #999999;
	text-align: left;
}
.textbleu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#235179;
	font-weight:bold;
}
.txtfoot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#A0ABFF;
	text-decoration:none;
}
.textenav1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #802B2B;
	text-align: left;
	font-variant: small-caps;
	font-weight:bold;
	padding-right: 8px;
	padding-top: 4px;
	padding-left: 8px;
	padding-bottom: 4px;
}
.textenav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #802B2B;
	background-color:#FFFFFF;
	text-align: left;
	font-variant: small-caps;
	padding-right: 8px;
	padding-top: 4px;
	padding-left: 8px;
	padding-bottom: 4px;
}
/*________________________________________________________________ link ____________*/
a, a:link, a:visited, a:hover, a:active {
	color:#03f;
}
A.linkred, A.linkred:link, A.linkred:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A51E26;
	text-decoration:none;
	font-style: normal;
	font-weight: bold;
}
A.linkred:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding-left:5px;
}
A.linkredVIF, A.linkredVIF:link, A.linkredVIF:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC3333;
	text-decoration:none;
	font-style: normal;
	font-weight: bold;
}
A.linkredVIF:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	padding-left:5px;
}
A.linkgr, A.linkgr:link, A.linkgr:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#4F4F07;
	text-decoration:none;
}
A.linkgr:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#4F4F07;
	text-decoration:underline;
}
A.linkblue, A.linkblue:link, A.linkblue:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#235179;
	font-weight:bold;
	text-decoration:none;
}
A.linkblue:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: none;
	font-weight:bold;
}
A.link, A.link:link, A.link:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#235179;
	font-weight:bold;
	text-decoration:none;
}
A.link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A51E2;
	text-decoration: none;
	font-weight:bold;
}
A.linkblc, A.linkblc:link, A.linkblc:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	text-decoration:none;
	padding-top: 60px;
}
A.linkblc:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
}
A.linkfoot, A.linkfoot:link, A.linkfoot:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#CCCCCC;
	text-decoration:none;
}
A.linkfoot:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#CCCCCC;
	text-decoration:underline;
}
.blc_ref, .blc_ref:link, .blc_ref:visited {
	float:left; width:170px; margin:5px; padding:3px; font-size:12px; border:1px solid #CCC;
}
.blc_ref:hover{
 border:1px solid #000; 
}
A.linkblanc, A.linkblanc:link, A.linkblanc:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration:none;
}
A.linkblanc:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	font-weight:normal;
	text-decoration: underline;
	padding-left:3px;
}
.bouton, .bouton:link, .bouton:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	font-variant: small-caps;
	padding-right: 8px;
	padding-top: 4px;
	padding-left: 8px;
	padding-bottom: 4px;
	text-decoration:none;
	display:block;
	/*background-color: #802B2B;*/
	background: -moz-linear-gradient(top, #222222, #333333);
	background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#333333));
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType='0', startColorstr='#222222', endColorstr='#333333');
	text-align: left;
	border:1px solid #CCC;;
}
.bouton:hover{
	cursor:pointer;
		background: -moz-linear-gradient(top, #DE2438, #871C20);
	background: -webkit-gradient(linear, left top, left bottom, from(#871C20), to(#DE2438));
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType='0', startColorstr='#871C20', endColorstr='#DE2438');
}
A.linknav:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color: #993333;
	padding-right: 8px;
	padding-top: 4px;
	padding-left: 8px;
	text-decoration:none;
	display:block;
	background-image: url(../images/bg-menu2.png);
	background-repeat:repeat;
	text-align: left;
}
/*________________________________________________________________ fd bg ____________*/
.blocfdservice {
	background-image: url(../images/fd-service.png);
}
.blocfd {
	background-image: url(../images/fdgris.png);
}
.blocfd2 {
	background-image: url(../images/ph-17ans.jpg);
	background-position: center;
}
.blocfd3 {
	background-image: url(../images/ph_gink-hotline.jpg);
	background-position:top right;
}
.blocfd4 {
	background-image: url(../images/ph-gink-classic.jpg);
	background-position:top right;
	background-repeat:repeat;
}
.blocfd5 {
	
}
.blocfd6 {
	background-image: url(../images/bandeaunoir.jpg);
}
.blocfd7 {
	background-image: url(../images/navigation.jpg);
}
.blocfd8 {
	background-image: url(../images/navigation_list.jpg);
	background-repeat:no-repeat;
	height:550px;
}
.blocfd72 {
	background-image: url(../images/navigation2.jpg);
	background-position:bottom;
}
.blocfd9 {
	background-image: url(../images/cadre.png);
}
.bloccadreactu {
	background-image:url(../images/actualites.png);
}
/*________________________________________________________________ boutons ____________*/

.bouton, .bouton:link, .bouton:visited {
}
.bouton:hover {
}
/*_____________________________________________________________form checktable___________*/
.textf {
	font-size: 14px;
	padding: 2px 0px 1px 2px;
}
.atextf {
	font-size: 14px;
	border: 1px solid #000000;
	padding: 2px 0px 1px 2px;
	background-color:#ECF8F8;
	width:180px;
}
/*______________________________________________________________text footer_______________*/

p.textfoot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#CCCCCC;
	text-decoration:none;
}
a.linkfoot-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#CCCCCC;
	text-decoration:none;
}
a: hover.linkfoot-txt {
	text-decoration:none;
}
a.linkfoot-txt-underline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#CCCCCC;
	text-decoration:underline;
}
a: hover.linkfoot-txt-underline {
	text-decoration:underline;
}
/*------------------CSS PARTENAIRE------------------------*/

 
.lien_theme_partenaire, .lien_theme_partenaire:link, .lien_theme_partenaire:visited {
	padding-left:25px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
	background-color:#951d23;
	color:#FFF;
	display:block;
	margin-bottom:1px;
	padding-top:3px;
	padding-bottom:3px;
}
.lien_theme_partenaire:hover {
	display:block;
	padding-left:25px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
	color:#951d23;
	border-left:1px solid #951d23;
	border-right:1px solid #951d23;
	background-color:#FFF;
}
.pagepart {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#333;
}
.pagepart:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#951d23;
	font-weight:bold;
}
.pagepart_select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#951d23;
	font-weight:bold;
}
.lien_site_part {
	font-size:10px;
	text-decoration:none;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}
.lien_site_part:hover {
	padding-left:5px;
}
/*----------------------MENU--------------------------*/
div#menusm {
	position:relative;
	width: 220px;
	left:0px;
}
/* fond blanc pour le menu */ 
div#menusm a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
}
div#menusm ul {
	padding: 0;
	width: 200px;
	margin:0px;
	background-color:#db2438;
}
/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menusm li:hover {
	background: #fffff;
}
div#menusm li a:hover {
	cursor:pointer;
	color:#000000;
}
div#menusm li.sousmenu:hover {
	background: #440000;
}
/* Rajout d'une petite fleche pour les sous menu */ 
div#menusm ul li {
	text-align:left;
	position:relative;
	list-style: none;
}
div#menusm ul ul {
	border:1px solid #891c21;
	position: absolute;
	top: 0px;
	left: 220px;
	width:220px;
	display:none
}
div#menusm ul ul ul {
	top: -1px;
}
/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menusm li a {
	text-decoration: none;
	padding: 4px 0 4px 0px;
	display:block;
	width:220px;
	top:0px;
	border-bottom:1px solid #891c21;
}
div#menusm ul.niveau1 li.sousmenu:hover ul.niveau2, div#menusm ul.niveau2 li.sousmenu:hover ul.niveau3 {
	display:block;


}

ul li a:hover {
-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   -moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    -ms-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     -o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    -ms-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
ul.niveau1{
	position:relative;
	width:220px !important;
	left:0px !important;
	margin:0px !important;
	padding:0px !important;
}
ul.niveau3{
	width:230px !important;
}
ul.niveau3 li a{
	padding-left:10px !important;
}
/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menusm li a:hover {
	color:#891c21;
	background-color:#FFF;
	width:220px;
}
div#menusm ul ul li a:hover {
	color:#891c21;
	background-color:#FFF;
}
div#menusm ul ul ul li a:hover {
	color:#891c21;
}
/*--- MAGASIN CLIENT --*/
.page {
	width:100%;
	border-bottom:1px solid #891c21;
	text-align:right;
	color:#235179;
	font-size:12px;
}
.page a {
	color:#235179;
	text-decoration:none;
	font-size:12px;
}
.page a:hover {
	color:#da2538;
}
.vignette {
	padding:2px;
	font-size:12px;
	float:left;
	background-color:#fff;
	border:1px solid #CCC;
	height:182px;
	width:164px;
	margin:2px;
}
.vignette:hover {
	cursor:pointer;
	padding:2px;
	font-size:12px;
	float:left;
	background-color:#fff;
	border:1px solid #000;
	height:182px;
	width:164px;
	margin:2px;
}
.vignette_marque {
	color:#235179;
}
.vignette_modele {
	font-size:10px;
	color:#555555;
}
.vignette_prix {
	color:#d42325;
	font-weight:bold;
}
.fiche_descriptif {
	background-image:url(../images/fnd_fiche.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:295px;
	height:480px;
}
.fiche_prix {
	font-size:20px;
	font-weight:bold;
	color:#C00;
	float:right;
}
.fiche_prixbarre {
	text-align:right;
	font-size:13px;
	color:#999;
	text-decoration:line-through;
}
.en_stock {
	font-style:italic;
	font-size:15px;
	font-weight:bold;
	color:#060;
}
.info_fiche {
	width:295px;
	font-size:12px;
}
.info_fiche table {
	width:100%
}
.info_fiche td {
	text-align:center;
	padding:5px;
	background-image:url(../images/degragris.jpg);
	color:#CCC;
}
.info_fiche td:hover {
	cursor:pointer;
	background:none;
	text-align:center;
	padding:5px;
	color:#000;
}
.info_fiche_select td {
	background:none;
	text-align:center;
	padding:5px;
	color:#000;
	font-weight:bold;
	font-size:12px;
}
.detail_fiche {
	padding:5px;
	height:440px;
	overflow:auto;
	font-size:11px;
}
.detail_fiche strong {
color:#235179;
font-size:12px;
font-weight:bold;
}
.detail_fiche th {
	color:#235179;
	font-size:11px;
}
.detail_fiche td {
font-size:11px;
}
.lepanier{
	font-size:12px;
	height:535px;
	overflow:auto;
}
.lepanier th{
	background-image:url(../images/degragris.jpg);
	color:#FFF;
	font-size:12px;
	text-align:left;
	padding:3px;
}
.lepanier td{
	padding:3px;
	background-color:#fbfbfb;
}
.xsortable table{
	width:100%;
}
.xsortable th{
	background-image:none;
	background-color:#235179;
}
.xsortable td{
	background-color:#f3f3f3;
}

#degrade-1{
	background:#c00;
	width:350px;
	border:1px solid #900;
	background: -moz-linear-gradient(top, #DE2438, #871C20);
	background: -webkit-gradient(linear, left top, left bottom, from(#871C20), to(#DE2438));
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType='0', startColorstr='#871C20', endColorstr='#DE2438');
	
}

.textfooter{
	font-size:10px !important; 
	color:#CCC !important;
	}
.textfooter a{
	text-decoration:none;
	font-size:10px !important; 
	color:#CCC !important;
	font-weight:bold !important;
	}
.textfooter a:hover{
	text-decoration:underline;
}




.xWrapFormEvo input:focus, 
.xWrapFormEvo input.xlight:focus, 
.xWrapFormEvo select:focus, 
.xWrapFormEvo select.xlight:focus, 
.xWrapFormEvo textarea:focus, 
.xWrapFormEvo textarea.xlight:focus 
{ 
	font-size: 14px;
	padding: 2px 0px 1px 2px;
	background-color: lightyellow;
}
.xWrapFormEvo input, 
.xWrapFormEvo select, 
.xWrapFormEvo textarea { 
	font-size: 14px;
	padding: 2px 0px 1px 2px;
	background-color: #ffffff;
}
.xWrapFormEvo b.xlight,
.xWrapFormEvo input.xlight, 
.xWrapFormEvo select.xlight, 
.xWrapFormEvo textarea.xlight { 
	font-size: 14px;
	padding: 2px 0px 1px 2px;
	background-color: #ffcc00;
}
.xWrapFormEvo b.xlight { 
	padding: 2px 2px 2px 2px;	
}