/* beginning cssGlobalscimed */
body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
}
.thrColFixHdr #container { 
	width: 1000px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	background: #FFFFFF;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
	border:1px solid gray;
} 
.thrColFixHdr #header { 
	background-image:url(http://www.formationcrochetage.com/img_project/site/css/bckg_header.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:108px;/* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
} 

.thrColFixHdr #containerMenu{
	width:980px;
	height:30px;
	background-color:#203B4D;
	padding-left:20px;
}

#orderInfo a{
margin-top:5px;
margin-right:19px;
float:right;
font-size:11px;
color:#fff;
padding:3px;
border:1px solid #fff;
background-color:#6DA2DF;
}

#marcel{
float:right;
width:16px;
margin-top:4px;
margin-right:4px;
}


ul{
	margin:0;
	padding:0;
}

#listMenuRoot{
 
padding:0;
	list-style:none;

}
 
 
.right{
	margin-right:0;
	margin-left:5px;
}
 
.menulist {
	margin: 0;
	padding: 0;
}
 
.menulist ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
 
/* Submenus (tags) are hidden and absolutely positioned downwards from their parent */
      .menulist ul {
      visibility: hidden;
      position: absolute;
      top: 2.5em; /* I'm using ems rather than px to allow people to zoom their font */
      left: 0px;
      width: 130px;
	  background-color:#000000;
      }
 
      /* Second and third etc. level submenus - position across from parent instead */
      .menulist ul ul {
      top: 0px;
      left: 102px;
      }
 
      /*
    * All menu items ( tags). 'float: left' lines them up horizontally, and they are
      positioned relatively to correctly offset submenus. Also, they have overlapping borders.
      */
      .menulist li {
      float: left;
      position: relative;
      font-size:11px;
      margin-right: 5px;
     border:1px solid #6C6C6C;
      }
	
 
      /* Items in submenus - override float/border/margin from above, restoring default vertical style */
      .menulist ul li {
      float: none;
      margin-right: 0;
      margin-bottom: -1px;
      }
 
      .menulist ul>li:last-child {
      margin-bottom: 1px;
      }
 
      /* Links inside the menu */
      .menulist a {
      display: block;
      padding: 5px;
      color: #fff;
      text-decoration: none;
      }
 
      /* Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
      .menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
      color: #FFF;
      background-color: #FF9933;
      }
      .menulist a.highlighted {
       color: #FFF;
      background-color:#999966;
      }
	  
	   .menulist a.current{
      border-bottom: 3px solid #FF9933;
      }
 
      /*
      If you want per-item background images in your menu items, here's how to do it.
      1) Assign a unique ID tag to each link in your menu, like so:
      2) Copy and paste these next lines for each link you want to have an image:
      .menulist a#xyz {
      background-image: url(out.gif);
      }
      .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
      background-image: url(over.gif);
      }
      */
 
      /* Only style submenu indicators within submenus. */
      .menulist a .subind {
      display: none;
      }
      .menulist ul a .subind {
      display: block;
      float: right;
	  padding-right:30px;
      }
 
      /* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
      .menulist a {
      float: left;
      }
      .menulist ul a {
      float: none;
      }
      /* */
      .menulist a {
      float: none;
      }
      /* */
 
 
      /* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). */
      * html .menulist ul li {
      float: left;
      height: 1%;
      }
      * html .menulist ul a {
      height: 1%;
      }
      /* End Hack */
 
.ecarteur{
	  margin-left:115px;
	  }



.thrColFixHdr #header h1 {
	margin: 0; 
	padding: 10px 0; 
}
.thrColFixHdr #sidebar1 {
	float:left;
	width: 120px; 
	
	padding: 45px 0px 15px 0px; 
}

.thrColFixHdr #sidebar1bis {
	float: left; 
	width: 140px; 
	border:1px solid gray;
	padding: 10px 20px 15px 20px; 
	/*margin:20px 20px 0 20px;*/
	background-color:#EDEBF6;
}
.thrColFixHdr #sidebar2 {
	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 150px; 
	margin-left:40px;
	background-color:#AEBED7;
	padding: 15px 10px 15px 10px; 
	font-size:0.8em;
	text-align:center;/* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
}

.thrColFixHdr #sidebarorder {
	float: left; 
	width: 140px; 
	border:1px solid gray;
	padding: 10px 20px 15px 20px; 
	/*margin:20px 20px 0 20px;*/
        font-size:0.7em;
	background-color:#EDEBF6;
}
/*CONTENU CENTRAL*/

#breadcrumb{
	padding:10px;
	font-size:0.85em;
}

#breadcrumb a{
	color:#000062;
	text-decoration:none;
}

#breadcrumb a:hover{
	color:#CC9900;
}


.thrColFixHdr #mainContentHome { 
	margin: 0px 20px 0 150px; 
	padding: 0 10px; 
	font-size:0.75em;
	line-height:1.25em;
} 

.thrColFixHdr #mainContent { 
	margin: 0px 20px 0 200px; 
	padding: 0 10px; 
	font-size:0.75em;
	line-height:1.25em;
}

.thrColFixHdr #mainContent img{
/*border:1px solid gray;*/
}

.thrColFixHdr #imgContainer {
	float:left;
	margin:0 20px 20px 0;
}

.thrColFixHdr #videoContainer {
	float:right;
     
	margin-bottom:20px;
	
	/*margin:0 20px 20px 0;*/
}

.thrColFixHdr #imgProductContainer {
	float:right;
	margin-bottom:20px;
	border:1px solid gray;
	margin:0 0px 20px 40px;
}
.thrColFixHdr #mainContent p{
	text-align:justify;
	
}
.thrColFixHdr #mainContentHome p{
	text-align:justify;

	
}


.thrColFixHdr #mainContentHome H1{
	color:#203B4D;
	font-weight:normal;
	font-size:18px;
}

.thrColFixHdr #mainContentHome H2{
	color:#203B4D;
	font-weight:normal;
	font-size:18px;
}

.thrColFixHdr #mainContent H1{
	color:#203B4D;
	font-weight:normal;
	font-size:18px;
}

.thrColFixHdr #mainContent H2{
	color:#203B4D;
	font-weight:normal;
	font-size:18px;
}

.thrColFixHdr #footer { 
margin-top:20px;
	padding: 0 10px 0 20px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
	background:#fff;
	border-top:1px solid #203B4D;
} 
.thrColFixHdr #footer p {
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 0;
	font-size:0.7em;/* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
}
.fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.meilleures_ventesContainer{
	background-image:url(http://www.formationcrochetage.com/img_project/site/css/meilleures_ventesContainer.gif);
	background-position:top center;
	background-repeat:no-repeat;
	width:144px;
	height:111px;
	padding:3px;
        margin-top:15px;
}

.kitListe{
	float:left;
	width:320px;
	_width:310px;
	list-style-image:url(http://www.formationcrochetage.com/img_project/site/css/puceListe.gif);
	padding-left:20px;
}

.scimedListe{
	float:left;
	width:300px;
	_width:310px;
	list-style-image:url(http://www.formationcrochetage.com/img_project/site/css/puceListe.gif);
	padding-left:20px;
}

.bouton {
	background-image:url(http://www.formationcrochetage.com/img_project/site/css/bckg_bouton.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:185px;
	padding:10px 14px 16px 14px;
	font-size:14px;
	font-weight:bold;
}
.bouton a:hover {
	color:red;
}

.largeBouton {
	background-image:url(http://www.formationcrochetage.com/img_project/site/css/bckg_bouton200.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	padding:10px 14px 16px 14px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	width:75%;
}
.largeBouton a:hover {
	color:red;
}

.noBorder{
border:none;
}

.prix {
	font-size:14px;
	font-weight:bold;
}

a {
	color:#486AAE;
	text-decoration:none;
	font-weight:bold;
}

#sitemap{
margin-bottom:20px;
	text-align:left;
	/*width:auto;*/
	/*background-image:url(http://www.formationcrochetage.com/img_project/site/css/bckg_sidebar_right.jpg);*/
}

#sitemap .column {
	margin:5px;
	float: left;
	width: 185px; /* 160-15 */
	height:auto;
	padding: 0 10px 0 30px;
	/*background-color:#666;*/
}

.clearfix {display: inline-block;}

#sitemap h6 {
	padding: 0;
	margin: 0 0 0 0;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 1.36em; 
}

#sitemap ul {
	position: relative;
	list-style-type:square;
	/*margin: 0 0 0.94em 0;*/
	margin: 0 0 1em 0;
	padding: 0;
}	

#sitemap ul li {
	font-size: 0.7em; /*16x0.69em = 11px */
	line-height: 1.36em; /*16x0.94em = 15px */
}	

.hilight{
color:#FF9933;
}

#sitemap a,

#sitemap a:link,

#sitemap a:active,

#sitemap a:visited {
	text-decoration: none;
	color: #486AAE;
}

#sitemap a:hover {
	text-decoration: underline;
}

#sitemap ul li  .hilight {
color:#FF9933;
text-decoration: underline;
}

#sitemap h6 a,

#sitemap h6 a:link,

#sitemap h6 a:active,

#sitemap h6 a:visited,

#sitemap h6 a:hover {
	color: #203B4D;

}

table.tabLinks{

border-collapse:separate;
	/*border-left:1px solid #203B4D;*/
}

table.tabLinks td{
	padding:5px;
	border-bottom:2px solid #203B4D;
	/*border-right:1px solid #6DA2DF;*/
}

table img{border: 1px solid #999966;}

/*PAGE CATALOGUE PRODUITS*/

.thrColFixHdr #categories { 
	margin: 0px 20px 0 20px; 
	padding: 0 10px; 
	}

.thrColFixHdr #categories H1{
	color:#203B4D;
	font-weight:normal;
	font-size:18px;
}

.thrColFixHdr #categories H2{
	color:#203B4D;
	font-weight:normal;
	font-size:18px;
}

#boutique{
margin-left:20px;
clear:left;
}

#boutique H2{
	color:#203B4D;
	font-weight:bold;
	font-size:18px;
}

#boutique ul {
	position: relative;
	list-style-type:square;
	/*margin: 0 0 0.94em 0;*/
	margin: 0 0 1em 0;
	padding: 0;
}	

#boutique ul li {
	font-size: 0.8em; /*16x0.69em = 11px */
	line-height: 1.36em; /*16x0.94em = 15px */
}	

.hilight{
color:#FF9933;
}

#boutique a,

#boutique a:link,

#boutique a:active,

#boutique a:visited {
	text-decoration: none;
	color: #486AAE;
}

#boutique a:hover {
	text-decoration: underline;
}

#boutique ul li  .hilight {
color:#FF9933;
text-decoration: underline;
}


.catProductsContainer{
	float:left;
	width:154px;
	height:220px;
	text-align:center;
	padding:0 10px 10px 10px;
	margin:0 10px 30px 0;
    border:1px solid #6DA2DF;
	/*background-image:url(images/cadreCat.gif);
	background-position:bottom center;
	background-repeat:no-repeat;*/
	-moz-border-radius:0.8em;
	-khtml-border-radius:0.8em;}
	
.catProductsContainer h4{

}

/*STYLES FORMULAIRE CRÉATION COMPTE*/

.thrColFixHdr #mainContentForm { 
	margin: 0px 20px 0 0px; 
	padding: 0 10px; 
	font-size:0.75em;
	line-height:1.25em;
} 

.thrColFixHdr #mainContentForm H1{
	color:#203B4D;
	font-weight:normal;
	font-size:18px;
}

.thrColFixHdr #mainContentForm H2{
	color:#203B4D;
	font-weight:normal;
	font-size:18px;
}


#accountForm{
width:52em;
}



#accountForm label{
        padding:0.15em;
	text-align:right;
	margin-right:1em;
        margin-top:0.5em;
        float:left;
        font-size:0.95em;
        width:8.7em;
}


#accountForm input {
	padding:0.15em;
        margin-top:0.5em;
	/*width:10em;*/
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.3em;
	-khtml-border-radius:0.3em;
}

#accountForm legend {
	color:#6DA2DF;
        font-size:1.2em;
        }

#accountForm select {
width:12em;
margin-top:0.9em;
}

#accountForm legend span {
	width:10em;

}




/*FIN STYLES FORMULAIRE CRÉATION COMPTE*/



#loginForm label {
	float:left;
	width:10.7em;
        padding:0.15em;
	text-align:right;
	margin-right:1em;
        margin-top:0.5em;
}

#buyForm label {
	float:left;
        color:red;
	width:10.7em;
        padding:0.15em;
	text-align:right;
	margin-right:1em;
        margin-top:0.5em;
}

.mandatory{
        font-weight:bold;
}

.invalid{
/*clear:left;*/
font-weight:normal;
font-size:0.8em;
 text-align:left;        
color:red;
}

.inputHighlight{
        border: 1px solid red;
}

fieldset {
	border:1px solid #ddd;
	padding:0 0 0.5em;
}

.email {
	width:14em;
}

input.default {
	color:#bbb;
}

#viewOrders {
	border: 1px solid gray;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}

.zebraTable tbody tr.header td {
font-weight: bold;
font-size: 1.5em;
color: #ffffff;
background-color: #333399;
padding: 2px;
}

.zebraTable tbody tr.even  td {
background-color: #bfc9d8;
font-size: 1em;
padding: 2px;
}

.zebraTable tbody tr.odd td {
background-color: #9fb4d3;
font-size: 1em;
padding: 2px;
}

.title { 
	background-image:url(http://www.formationcrochetage.com/img_project/site/css/bulleTitre.gif);
	background-position:left center;
	background-repeat:no-repeat;
	height:40px;
	padding-left:40px;
	padding-top:12px;
margin-top:20px;
}
/* end cssGlobalscimed */