body{
font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;
}

h2 {font-size:12px;}
h4 {font-size:14px;}

ul { padding: 0; margin: 0; }

li {
	list-style-type: none;
	background:  url('../img/puce_categorie.gif') no-repeat 0px 2px;
	text-indent: 10px;
}

#main {
text-align: center;
}

#content {
margin-left: auto;
margin-right: auto;
width: 950px;
height: 100%;
text-align: left;
background:transparent url('../img/bgcontent.gif') repeat-y;
}

#contentRss {
margin-left: auto;
margin-right: auto;
width: 950px;
height: 100%;
text-align: left;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
}

.zoneTetiere {
width: 950px;
height: 105px;
background:#FFFFFF url("../img/tetiere/fond_header.gif") no-repeat;
}

.zoneMenu {
width: 200px;
float:left;
margin: 0;
padding: 0;
background:transparent url('../img/bgcontent.gif') repeat-y;
}

.zoneCorps {
width: 750px;
float: left;
clear: right;
padding-top: 10px;
margin: 0;
background: #FFFFFF url("../img/bg_corps.gif") repeat-x;
}

.zoneTetiereOLD {
position:absolute;
z-index:10;
left: 253px;
top: 29px;
background: black;
visibility: hidden;
}

.zonebandeauhome {
width: 950px;
height: 195px;
background:#FFFFFF url("../img/bandeau/bandeau_home.jpg") no-repeat;
}

.zonebandeaunav {
/*
width: 950px;
height: 91px;
background:#FFFFFF url("../img/bandeau/bandeau_nav.jpg") no-repeat;
*/
display: none;
}

.zonebandeauprod {
/*
width: 950px;
height: 91px;
background:#FFFFFF url("../img/bandeau/bandeau_prod.jpg") no-repeat;
*/
display: none;
}

.zonebandeausys {
/*
width: 950px;
height: 91px;
background:#FFFFFF url("../img/bandeau/bandeau_sys.jpg") no-repeat;
*/
display: none;
}

.zonebasdepage {
	width: 950px;
	margin-top: 20px;
	background: #FFFFFF;
}

.zoneMenuOLD {
float: left;
width: 194px;
background-color: #dfdfdf;
margin: 0px 0px 0px 0px;
}

.zoneCorpsOLD {
float: left;
width: 1px;
margin: 0px 0px 0px 12px;
}
	
.txtNoir10 {
		color: #333333;
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-decoration: none;
		padding-bottom: 5px;
}

a.txtNoir10 {
        text-decoration: underline;
}

a.txtNoir10:hover {
		color: #ed1c24;
}

.txtNoir10B {
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-decoration: none;
		padding-bottom: 5px;
}
.txtRouge10B {
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        color: #ed1c24;
        text-decoration: none;
}

.txtRouge10 {
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        color: #ed1c24;
        text-decoration: none;
}

.txtBlanc10 {
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        color: #FFFFFF;
        text-decoration: none;
}
.txtBlanc10B {
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        color: #FFFFFF;
        text-decoration: none;
}
.txtBlanc10BU {
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        color: #FFFFFF;
        text-decoration: underline;
}

.txtNoir11 {
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-decoration: none;
}
.txtNoir11B {
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-decoration: none;
}
.txtNoir11BJ {
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        text-align: justify;
}
.txtNoir11J {
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-align: justify;
}
.txtRouge11B {
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        font-weight: bolder;
        font-variant: normal;
        color: #ed1c24;
        text-decoration: none;
}
.txtBlanc11B {
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        font-weight: bolder;
        font-variant: normal;
        color: #ffffff;
        text-decoration: none;
}


.txtRouge11Bpuce {
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        font-weight: bolder;
        font-variant: normal;
        color: #ed1c24;
        text-decoration: none;
        background: url("../img/puce_produit.gif") no-repeat 0px 2px;
        text-indent: 15px;
}

.txtRouge11 {
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        color: #ed1c24;
        text-decoration: none;
}

.txtRouge11Bbarre {
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        font-weight: bolder;
        font-variant: normal;
        color: #ed1c24;
        text-decoration: line-through;
}

.txtRouge11barre {
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        color: #ed1c24;
        text-decoration: line-through;
}

.titNoir14B {
		font-family: verdana;
        font-size: 14px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-decoration: none;
		color: #333333;
}

a.titNoir14B:hover {
		color: #ed1c24;
}

.titNoir16B {
		font-family: verdana;
        font-size: 16px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-decoration: none;
		color: #333333;
}

a.titNoir16B:hover {
		color: #ed1c24;
}

a.lienRouge10 {
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        color: #ed1c24;
        text-decoration: none;
}

a.lienRouge10:hover {
        color: #ed1c24;
        text-decoration: underline;
}


A.lienRouge10nav:LINK {
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        color: #ed1c24;
        text-decoration: none;
}
A.lienRouge10nav:VISITED {
 TEXT-DECORATION: underline; color: #ed1c24;
}

A.lienRouge10nav:HOVER {
 TEXT-DECORATION: underline; COLOR: #CCCCCC
}

.txtGris11 {
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        color: #8a8a8a;
        text-decoration: none;
}
.txtGris11B {
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        color: #666666;
        text-decoration: none;
}
.titRouge26B {
        font-size: 26px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        color: #ed1c24;
        text-decoration: none;
}

.titRouge24B {
        font-size: 24px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        color: #ed1c24;
        text-decoration: none;
}

.champsPanierDetail {
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-decoration: none;
        width: 35px;
}
.champsSaisie {
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-decoration: none;

}
.majuscule
{
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-decoration: none;
        text-transform: uppercase;
}
.champsListe {
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-decoration: none;
        width: 100%;
}

.stitre {
        font-family: verdana;
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
        font-variant: normal;
        text-decoration: none;
        width: 100%;
        color: #333333;
        padding-bottom: 7px;
}

.categorie {
        font-family: verdana;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-decoration: none;
        color: #333333;
        padding-bottom: 5px;
}

a.categorie:hover {
        color: #ed1c24;
}

/* tableaux produits */

#produithome {
	border: 1px dotted #333333;
	margin-bottom: 7px;
}

.product th { font-size: 10px; color: #ffffff; font-weight: bold;}
.product td { font-size: 10px; border: 1px solid #eaeaea; }
.product { border: 1px solid #333333; }
.product02 {border: 1px solid #333333; }

.contenu9noirbold {  
  font-size: 9px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none
}
.contenu10noir {
	font-size: 10px;
	text-decoration: none;
	font-weight: normal
}
.contenu10blanc {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal
}
.contenu10noirbold {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none
}
.contenu10blancbold {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none
}

.contenu11blanc {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal
}

a.contenu11blanc:hover {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}

.contenu11noir {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight: normal
}

a.contenu11noir:hover {
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}


.contenu12noir {
	font-size: 12px;
	text-decoration: none;
	font-weight: normal
}
.contenu12noirbold {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	text-decoration: none
}
.contenu12blanc {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal
}
.contenu12blancbold {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none
}
.score {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none
}
.resultatlistevert {
	font-size: 10px;
	color: #006263;
	text-decoration: none;
	font-weight: bold
}
.contenu10gris {
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	font-weight: normal
}
.contenu10marronC {
	font-size: 10px;
	color: #8C7233;
	text-decoration: none;
	font-weight: normal
}
.contenu10marronCbold {
	font-size: 10px;
	color: #8C7233;
	font-weight: bold;
	text-decoration: none
}

.champsRecherche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	margin-right: 2px;
	padding-top: 3px;
	width: 150px;
	height: 23px;
	border: 1px solid #333333;

}
.champsSupports {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	padding: 0;
	margin-bottom: 7px;
	width: 175px;
}

.lienGris13B {
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
}
a.lienGris13B:hover {
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #ed1c24;
	text-decoration: none;
}

.lienHome {
	font-family: Arial;
	font-size: 12px;
	color: #ed1c24;
	text-decoration: none;
}
a.lienHome:hover {
	color: #ed1c24;
	text-decoration: underline;
}

.lienGris10 {
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
}

a.lienGris10 {
	color: #8a8a8a;
}

a.lienGris10:hover {
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #ed1c24;
	text-decoration: none;
}

.lienRouge11 {
	font-size: 11px;
	font-family: verdana, arial;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #ed1c24;
	text-decoration: none;
}
a.lienRouge11:hover {
	color: #ed1c24;
	text-decoration: underline;
}

.pointillésGris {
        background-image:  url("/jcshop3/img/separation_01.gif");
        background-repeat: repeat-x;
        background-position: right top;
}
.pleinPointillésGris {
        background-image:  url("/jcshop3/img/separation_02.gif");
        background-repeat: no-repeat;
        background-position: center;
}
.pleinVert {
        background-image:  url("/jcshop3/img/separation_03.gif");
        background-repeat: repeat-x;
        background-position: right top;
}
.textnavtransversale { 
      font-size: 10px;
      font-style: normal;
      font-weight: normal;
      color: #FFFFFF;
      text-decoration: none
}
.textenavtransversalenoir {  
      font-size: 10px;
      text-decoration: none;
      font-style: normal;
      font-weight: normal
}
.titre_formations {
        font-size: 14px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-decoration: none;
        border-bottom: 1px solid rgb(188, 0, 0); 
        padding: 0px; 
        margin-bottom:0px;          
}
.titre_ateliers {
      border-bottom:  1px solid #ccc; 
      padding:  5px;
      font-weight:  bold;
}

.form_authent {
	border: 1px solid #a6a6a6;
	padding: 5px;
	height: 250px;
}

legend {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	padding-left: 5px;
	padding-right: 5px;
}


.suggestBoxElement {
    visibility:hidden; 
    text-align: left;  
    white-space: nowrap; 
    background-color: #eeeeee;
}

.suggestions {
	FONT-SIZE: 12px; BACKGROUND-COLOR: #eeeeee
}
.suggestionMouseOver {
	FONT-SIZE: 12px; BACKGROUND: #3333ff; COLOR: white
}

.pdfLN {
	padding-left:20px;
	margin-top:5px;
	background:url(../img/bt_page_suite.gif) no-repeat 0 3px;
}

/* Ajout du footer */

#footer {
	text-align:left;
	clear: both;
	background-color: #ffffff;
}

#footer div.ctn_accrochefooter {
    background: url("../img/basdepage/bg-gradient-transparent.gif") repeat-x scroll 0 0 transparent;
    height: 28px;
}
#footer div.ctn_accrochefooter ul {
    list-style-type: none;
    padding: 4px;
}
#footer div.ctn_accrochefooter ul li {
    border-style: none;
    display: inline;
    padding-left: 8px;
    background: none;
}
#footer div.ctn_accrochefooter ul li a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    font-family: Verdana,Arial,Helvetica,Sans-Serif;
    font-size: 11px;    
}
#footer div.ctn_accrochefooter ul li a:hover {
    text-decoration: underline;
}
#footer div.ctn_accrochefooter a img {
    border: 0 none;
}
#footer div.ctn_copyright {
    color: #666666;
    margin-left: 3px;
    margin-top: 2px;
    font-family: Verdana,Arial,Helvetica,Sans-Serif;
    font-size: 11px;    
}
#footer div.ctn_navtransversale {
    color: #666666;
    margin-left: 3px;
    margin-top: 2px;
}
#footer div.ctn_navtransversale a {
    color: #666666;
    text-decoration: none;
    font-family: Verdana,Arial,Helvetica,Sans-Serif;
    font-size: 11px;    
}