body{
	background-color: #558FBB;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

}
a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
H1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3385FF;
}
H2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
}
ul{
	margin-left:10px;
}
.H1-Orange{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3385FF;
}
.TexteHaut{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.Copyright{
	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: none;	
}
.BuleFleche{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-left:10px;
}
.arial8 {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 8px;
	color: #000000;
	line-height: 12px
}
.arial10 {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 12px
}
.arial12 {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.arial12-bold1 {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

.verdana10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.verdana10-bold1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.verdana10-white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.CarouselAccueil li{
}
.PlanSite{
	font-size: 10px;
	color: #666;
	text-decoration: none;
	}
/**************************************************************/
/* Panier												 
*/
.LegendLivraison{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.LegendFacturation{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.TexteAdresse{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
/**************************************************************/
/* BARRE SUIVIE NAVIGATION 													 
*/
.LienBarreNavigFont{
	background-color:#CCCCCC
}
.LienBarreNavig:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.LienBarreNavig:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336600;
}
.LienBarreNavig:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
}
.LienBarreNavig:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}
/*
Reglette
*/
.Reglette{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #006599;
	text-decoration: none;
}
.ReglettePageActive{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #FE0000;
	text-decoration: none;
}

/**************************************************************/
/* FORMULAIRES 													 
*/
select{
	border: 1px solid #FF6600;
	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: none;
}
input{
	border: 1px solid #415E86;
	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: #3E5D89;
	text-decoration: none;
}
.inputDroite{
	text-align: right;
}
.inputCentre{
	text-align: center;
}
.InputImage{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
textarea{
	border: 1px solid #FF6600;
	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: none;
}

/*
WHOIS
*/
.EnteteColone{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #8AA8BD;
}
.Domaine{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.DomainePris{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #990000;
}
.DomaineLibre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006600;
}
.DomaineErreur{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;
}
/****/

/* ACCUEIL */
#divColDoite {
	float:right;
	width:200px;
	margin-bottom:10px;
	/*border: 1px solid #999;*/
}

#divColGauche {
	float:left;
	width:725px;
	/*border: 1px solid #999;*/
}

.div3colonnes {
	float:left;
	width:345px;
	margin-right:10px;
	margin-bottom:15px;
}

/****/
/*
//Boutons
// http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html 
*/
.cmsboutonclear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
/* Bouton sans icone */
a.cmsbutton {
	background: transparent url('/cmsTemplates/cwi/Charte/bg_button_b.gif') no-repeat scroll top right;
	color: #006599;
	display: block;
	float: left;
	height: 24px;
	margin-right: 16px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	overflow: hidden;
	font-family: arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
a.cmsbutton span {
	background: transparent url('/cmsTemplates/cwi/Charte/bg_button_span_b.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 18px;
	overflow: hidden;
} 
a.cmsbutton:hover {
    background-position:  right -24px;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.cmsbutton:hover span {
	color: #FFFFCC;
    background-position: 0px -24px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 18px;
} 

a.cmsbutton:active {
    background-position: right -48px;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.cmsbutton:active span {
    background-position: 0px -48px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 18px;
} 
a.cmsbuttonIG span{
	padding-right: 5px;
}
/* Bouton avec icone à gauche */ 
a.cmsbuttonIG:hover span{
	padding-right: 5px;
} 
a.cmsbuttonIG:active span{
	padding-right: 5px;
} 
/* Bouton avec icone à droite */
a.cmsbuttonID span{
	padding-left: 23px;
} 
a.cmsbuttonID:hover span{
	padding-left: 23px;
} 
a.cmsbuttonID:active span{
	padding-left: 23px;
}