/* CSS Document Besoindesport.com */
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; background-color: #f3f7fc; }
.bgbleu1 { background-color: #1c527b; }
.bgbleu2 { background-color: #73a2c3; }
.bgbleu3 { background-color: #e8f1fe; }
.bgbleu4 { background-color: #4b88b7; }
.bgblanc { background-color: #FFFFFF; }
.bgrouge { background-color: #CC0005; }
.titrerouge1 { text-align: right; letter-spacing : 1px; font-size: 20px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #FF0000; font-style: italic; }
.textevisite {font-family:Arial; font-size:10px; color:#640001; }
.texte { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #003865; }
.textebleu { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #003865; }
.textetemoin { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #003865; }
.textebas { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #d3d1cf; background-color: #4b88b7; text-align: center; }
.textenom { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: oblique; color: #909090; text-align: center; }
.textephoto { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; color: #003865; }
.texteconstruction { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; color: #000000; }
.textelienmenu { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; color: #FF0000; text-decoration: none;}
.texterouge { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #FF0000; }
.textemplrouge { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #FF0000; }
.textempl{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #003865; }
.titrenutri { font-family: Times New Roman;	font-size: 36px; font-style: italic; font-weight: bold; color: #003865; }
.gras { font-weight:bold; }
.maj { text-transform: uppercase; }
a.lienbleu { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; color: #003865; text-decoration: underline; }
a.lienbleu:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; color: #FF0000; text-decoration: none; }
a.lienempl { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #003865; font-weight: bold; text-decoration: none; }
a.lienempl:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #FF0000; text-decoration: none; }
a.lienmenu { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; color: #003865; text-decoration: none;}
a.lienmenu:hover { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; color: #FF0000; text-decoration: none; }
a.liensavoir{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #FF0000; text-decoration: none;}
a.liensavoir:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #FF0000; text-decoration: underline; }
a.lienmenu2 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #003865; text-decoration: underline;}
a.lienmenu2:hover { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #FF0000; text-decoration: none; }
a.lienmention { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #d3d1cf; text-decoration: underline; }
a.lienmention:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #1c527b; text-decoration: none; }
.champs1 { position: relative; height: 20px; width: 300px; border: 1px solid; color: #08264A; background-color: #e8f1fe; text-indent: 5px; }
.champs1.maj { text-transform: uppercase; }
.champs1.gras { font-weight: bold; }
.champs2 { position: relative; height: 20px; width: 100px; border: 1px solid; color: #08264A; background-color: #e8f1fe; text-indent: 5px; }
.champs3 { position: relative; height: 24px; width: 45px; border: 1px solid; color: #08264A; background-color: #e8f1fe; text-indent: 5px; }
.champs4 { position: relative; height: 20px; width: 50px; border: 1px solid; color: #08264A; background-color: #e8f1fe; text-indent: 5px; }
.champsqt { position: relative; height: 16px; width: 25px; border: 1px solid #d1dff4; color: #08264A; background-color: #e8f1fe; text-indent: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.champsopt { position: relative; height: 19px; width: 70px; border: 1px solid #d1dff4; color: #08264A; background-color: #e8f1fe; text-indent: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; }
.champmulti { width: 350px; height: 80px; border: 1px solid; color: #08264A; background-color: #e8f1fe; padding: 4px; }
.champmessage { width: 350px; height: 120px; border: 1px solid; color: #08264A; background-color: #e8f1fe; padding: 4px; }
.btvalid { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; height: 24px; border: 1px solid; color: #08264A; background-color: #e8f1fe; }

/* Tableau article */
.tbarticle { border: 1px solid #1c527b; width: 285px; height: 250px; }
.tbcaddie { border: 1px solid #1c527b; width: 180px; height:50px; background-color: #e8f1fe; }
.texteprix { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; color: #FF0000; }
.buttonImg { width: 75px; height: 25px; border: none; cursor: pointer; background: url("imgs/catalogue/ajouter1.gif") no-repeat left top;
}
.buttonImg:hover { background: url("imgs/catalogue/ajouter2.gif") no-repeat left bottom; } 
.buttoncaddie { width: 180px; height: 25px; border: none; cursor: pointer; background: url("imgs/catalogue/caddie1.gif") no-repeat left top;
}
.buttoncaddie:hover { background: url("imgs/catalogue/caddie2.gif") no-repeat left bottom; } 
.buttonval { width: 70px; height: 20px; border: none; cursor: pointer; background: url("imgs/catalogue/valider1.gif") no-repeat left top;
}
.buttonval:hover { background: url("imgs/catalogue/valider2.gif") no-repeat left bottom; } 
.buttonsup { width: 70px; height: 20px; border: none; cursor: pointer; background: url("imgs/catalogue/effacer1.gif") no-repeat left top;
}
.buttonsup:hover { background: url("imgs/catalogue/effacer2.gif") no-repeat left bottom; } 
/* Fin article*/
input.bouton { 
width: 100px;
height: 24px;
border:1px outset #73a2c3;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
cursor:pointer;
background-color: #e8f1fe;
}
input.bouton:hover {
width: 100px;
border:1px outset white;
background-color:white;
color:#1c527b;
}
input.bouton:active {
width: 100px;
border:1px inset #e8f1fe;
background-color:#1c527b;
color:white;
} 

.casephase {
	width: 300px;
	border: 1px solid #e8f1fe;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal;
	color: #003865;
	margin-top: 10px;
	padding-right: 4px;
}
.centre { text-align: center;}
H1 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; color: #1c527b; border-bottom: 1px solid #73a2c3; padding-bottom: 6px; margin: 0; padding-top: 4px;}
H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
	clip: rect(auto,auto,auto,auto);
	margin-top: 20px;
}
H3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: oblique; font-weight: normal; color: #4b88b7; }
/*p{ 	position:relative; bottom: 10px; margin: 12 10 0 0; right: 10px; left: 0px; }*/
p.def {
	position:relative;
	bottom: 10px;
	right: 10px;
	left: 0px;
	text-align: justify;
	margin-top: 14px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 14px;
}

ul#espace li{
	margin-top: 0.5em;
	margin-right: 2em;
	margin-bottom: 1em;
	margin-left: 2em;
}
ul {
	margin: .5em 0 .5em 0;
}
li {
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 2em;
}

p.def3 { bottom: 8px; margin: 14 10 0 20; right: 20px; left: 0px; text-align: justify; }
p.def2 { bottom: 8px; margin: 14 10 0 20; right: 20px; left: 0px; text-align: justify; }
p.inter{ position:relative; bottom: 8px; right: 10px; left: 0px; text-align: justify; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000; margin: 2 10 0 40; }
p.titre{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #9933CC; margin:14 0 0 0; }
p.titren{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #000000; margin:14 0 0 0; }
hr { color: #375384; background-color: #375384; height: 1px; border: 0; }
hr.clair { color: #E3E9F0; background-color: #375384; height: 1px; border: 0; }


.bgbleu { background-color: #375384; }
.bgrose { background-color: #CAA9DB; }
.bgbleuclair { background-color: #E3E9F0; }
.txtrouge { color:#FF0000; }

.cdbleu { background-color:#375384; width:30px; height:24px; float:left; }
.cdrose { background-color:#CAA9DB; width:30px; height:24px; float:left; }
.txtcenterose { text-align: center; font-size: 16px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; color: #9933CC;}
.txtservice { text-align: right; letter-spacing : 1px; font-size: 18px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; color: #375384; text-transform: uppercase; }
.txtleft { text-align: left; }
.bartmargebleu { margin-right: 10px ; }
.bartmargerose { margin-left: 10px ; font-size: 18px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; color: #9933CC; letter-spacing : 1px; }
.bartbleu { border-bottom: 1px solid #375384; border-top: 1px solid #375384; width:100%; border-spacing:0px; }

.textenoir { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000; }
.texterose { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #9933CC; }
.justif { text-align: justify; margin-top: 8px;}

.barsoustrose { border-bottom: 1px solid #CAA9DB; width:100%; border-spacing:0px;} 
.stextemenu { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #375384; }  






a.btmenuent { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #9933CC; text-decoration: none; }
a.btmenuent:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #375384; text-decoration: none; }
a.btmenucan { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #375384; text-decoration: none; }
a.btmenucan:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: #9933CC;normal; font-weight: bold; color: #9933CC; text-decoration: none; }

.titreform { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #9933CC; text-transform: uppercase; letter-spacing : 1px; }
.stitreform { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #375384; text-align: right; }
.titreniveau3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #9933CC;
}




a.lienrose { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #9933CC; text-decoration: underline; }
a.lienrose:hover { 	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #375384; text-decoration: none; }

a.lienbleu2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #375384; text-decoration: underline; }
a.lienbleu2:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #375384; text-decoration: none; }
a.lienbleudem { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #9933CC; text-decoration: none; }
a.lienbleudem:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #375384; text-decoration: underline; }
a.lienblanc { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #ffffff; text-decoration: underline; }
a.lienblanc:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #ffffff; text-decoration: none; }
a.liennoir { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #375384; text-decoration: underline; }
a.liennoir:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #000000; text-decoration: none; }