.red 
{
	background: red;
	color: Black;
}

.bleu 
{
	color: #006699;
}
.vert
{
	color: #669900;
}
.orange
{
	color: #FF3300;
}
.rouge 
{
	color: #993300;
}

.alignRight 
{
	text-align: right;
}
.alignLeft
{
	text-align: left;
}
.alignCenter 
{
	text-align: center;
}

#CarteCNAS,
#pubCnas 
{
	display: none;
}

#CarteCNAS a img,
#pubCIE a img
{
	border: 0;
}

/* Page d'identification */
.field 
{
	clear: both;
	float: left;
}
.required 
{
	display: block;
	font-weight: bold;
	padding: 6px 0 0 0;
	text-align: center;
}
.label_identification
{
	clear: left;
	display: block;
	float: left;
	margin: 10px 0 0 0;
	text-align: right;
	width: 200px;
}

/* Boutons + d'infos */
a.btnDetail
{
	background: url(../Img/Design/btn_plusdinfos_petit.png) no-repeat center 0;
	display: block;
	height: 21px;
/*	margin: 15px 0 0 60px;*/
	text-align: center;
	text-indent: -9000px;
	width: 71px;

	position: absolute;
	bottom: 10px;
	left: 60px;
}
a.btnDetail:hover
{
	background: url(../Img/Design/btn_plusdinfos_petit.png) no-repeat center -21px;
}
	
a.btnDetail_grand
{
	background: url(../Img/Design/btn_plusdinfos_grand.png) no-repeat center 0;
	display: block;
	height: 36px;
/*	margin: 15px 0 0 38px;*/
	text-align: center;
	text-indent: -9000px;
	width: 111px;

	position: absolute;
	bottom: 10px;
	left: 38px;
}
a.btnDetail_grand:hover
{
	background: url(../Img/Design/btn_plusdinfos_grand.png) no-repeat center -36px;
}
.ArticleAccueil a.btnDetail
{
	background: url(../Img/Design/btn_plusdinfos_grand.png) no-repeat center 0;
	display: block;
	height: 36px;
	/*margin: 15px 0 0 60px;*/
	text-align: center;
	text-indent: -9000px;
	width: 111px;
}
.ArticleAccueil a.btnDetail:hover
{
	background: url(../Img/Design/btn_plusdinfos_grand.png) no-repeat center -36px;
}

#ArticleEnAvant_Porte .btnDetail_grand 
{
	margin: 0 0 0 235px;
}
#DetailArticle_Porte .btnDetail_grand 
{
	margin: 0 0 0 280px;
}

/* --- */

a.infosAderent 
{
	background: #006699;
	border: 1px solid #000;
	border-width: 0 1px 1px 0;
	color: #FFF;
	float: left;
	margin: 5px 0;
	padding: 0 5px;
	padding: 0 3px;
	text-decoration: none;
}

.PhotoImage 
{
    display: block;
	float: left;
	margin: 0 5px 5px 0;
	text-decoration: none;
}

.article_nom
{
	color: #006699;
	font-weight: bold;
}
.article_adresse
{
	color: #000;
}
.article_tarif
{
	color: #006699;
	margin: 10px 0 0 0;
}
.article_codepostal 
{
	float: left;
	margin: 0 5px 0 0;
}
.article_description 
{
	color: #000;
}
.picto_etat
{
	clear: both;
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* Common Style : sidebar + recherche + résumé panier*/

#leftbox_lien
{
	clear:both;
	padding: 200px 0;
}
#leftbox_lien a img 
{
	border: 0;
	text-align: center;
}

#leftbox_lien .lien_guidesprivilege 
{
	display: none;
	float: left;
}
#leftbox_lien .lien_infoclub 
{
	display: none;
	float: left;
}

/* Formulaire de login Adherent */
.BoiteLogin
{
	background: url(../Img/Design/form_adherent.png) no-repeat;
	height: 100px;
	width: 153px;
}
.LabelLogin
{
	color: #000000;
	float: left;
	margin: 35px 0 0 0;
	padding: 0 5px;
	text-align: center;
	width: 143px;
}
.TextBoxLogin
{
/*	border: 0pt none;*/
	clear: both;
	float: left;
	margin: 5px 0pt 0pt 5px;
	width: 100px;
}
.ChampsRequis
{
	clear: left;
	color: #FFFFFF;
	float: left;
	font-weight: bold;
	margin: 7px 0 0 30px;
}
.BoutonLoginBlanc
{
	background: url(../Img/Design/btn_ok_blanc.png) no-repeat;
	border: 0;
	cursor: pointer;
	font-size: 0.1em;
	height: 17px;
	margin: 6px 0 0 0;
	text-indent: -9000px;
	width: 28px;
}

.BouttonLoginOrange
{
	background: url(../Img/Design/btn_ok_orange.png) no-repeat;
	border: 0;
	clear: right;
	cursor: pointer;
	display: block;	
	font-size: 0.1em;
	float: left;
	height: 17px;
	margin: 5px;
	text-indent: -9000px;
	width: 34px;
}
.BouttonLoginOrange:hover
{
	background: url(../Img/Design/btn_ok_orange.png) no-repeat 0 -17px;
}

.BoutonContinuer
{
	background: url(../Img/Design/btn_continuer.png) no-repeat;
	display: block;
	height: 27px;
	margin: 20px auto 0 auto;
	text-indent: -9000px;
	width: 101px;
}

.Panel_Deconnection
{
	clear: both;
	height: 20px;
	margin: -23px 0 20px 0;
	text-align: center;
}
.Panel_Deconnection a 
{
	color: #FFFFFF;
}
/*
a#ctl00_Login1_LinkButton1
{
	color: #000;
	display: block;
	margin: 5px 0;
	text-align: center;
	text-decoration: none;
}
a#ctl00_Login1_LinkButton1:hover 
{
	color: #333;
	text-decoration: underline;
}
*/

.RappelNumAdherent
{
	color: #006699;
	font-size: 1.2em;
	font-weight: bold;
	margin: 15px 0 10px 0;
	text-align: center;
}

.BoitePageLogin
{
    text-align: center;
}

.BoitePageLogin .Identification_logoCnas
{
}

.BoitePageLogin h3
{
	background: url(../Img/Design/puce_identification.png) no-repeat;
	clear: both;
	color: #339900;
	margin: 5px 0 0px 85px;
	padding: 6px 0 10px 40px;
    text-align: left;
}
.BoitePageLogin .input
{
	background: url(../Img/Design/bg_form_identification.png) no-repeat;
/*	height: 90px;*/
	margin: 0px 0 0 75px;
	padding: 40px 0 0 0;
	width: 500px;
}

.BoitePageLogin .required
{
	clear: both;
	padding: 0;
}

.LabelPageLogin
{
	clear: left;
	display: block;
	float: left;
	margin: 5px;
	text-align: right;
}

.LabelLoginCnas
{
	color: #000000;
	display: block;
	/*float: left;*/
	margin: 20px 0 10px 0;
/*	padding: 0 5px;
	text-align: center;
	width: 143px;*/
}

.LabelLoginRespCIE,
.LabelLoginAdherent
{
	width: 225px;
}
.LabelLoginClientCIE
{
	width: 265px;
	margin-top: 2px;
}
.LabelLoginClientCIE_Titre
{
	margin: 0 0 0 55px;
}

.TextBoxLoginRespCIE
{
	display: block;
	float: left;
	margin: 5px;
}

.TextBoxLoginCNAS
{
/*	display: block;
	clear: left;*/
/*	float: left;*/
	margin: 5px 0 10px 190px;
}

.TextBoxLoginClientCIE,
.TextBoxLoginLoginAdherent
{
	display: block;
	float: left;
	margin: 5px;
}

.requiredCNAS
{
	clear: both;
	padding: 0;
	width: 500px;
}


/* Formulaire de recherche */
#recherche 
{
	background: url(../Img/Design/bg_recherche.png) no-repeat;
	height: 23px;
	margin: 0 0 10px 0;
	text-align: center;
	width: 652px;
}

#recherche .labelRecherche
{
	display: block;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	margin: 4px 10px 0 35px;
	text-transform: uppercase;
}
.labelInfos
{
	display: block;
	float: left;
	margin: 4px 0 0 5px;
}
#recherche input 
{
	display: block;
	float: left;
	font-size: 1em;
	height: 12px;
	margin: 4px 0 0 0;
}
#recherche input.BoutonRecherche
{
	background: url(../Img/Design/btn_recherche.png) no-repeat 0 0;
	border: 0;
	color: #000;
	display: block;
	font-size: 0.1em;
	float: left;
	height: 17px;
	margin: 3px 5px 0 5px;
	text-indent: -9000px;
	width: 28px;
	position: relative;
	cursor: pointer;
}
#recherche input.BoutonRecherche:hover
{
	background: url(../Img/Design/btn_recherche.png) no-repeat 0 -17px;
}
.RequiredRecherche {
	color: Red;
	display: inline;
	float: left;
	margin: 4px;
}

/* Résumé panier */
#resume_panier 
{
	background: url(../Img/Design/bg_panier.png) no-repeat 0 0;
	height: 49px;
    left: 769px;
	margin: 0 0 0 -10px;
	padding: 7px 0 0 60px;
	position: absolute;
	top: 7px;
	top: 0;
	width: 163px;
/*
	display: none;
*/
}
#resume_panier a 
{
	color: #000;
	text-decoration: none;
}
#resume_panier a:hover
{
	text-decoration: underline;
}

/* Homepage */
.ArticleAccueil
{
    position: relative;
	float:right;
	height: 272px;
	margin: 0px 5px 10px 0px;
	padding: 5px;
	width: 223px;
}
#ArticleAccueil_bleu
{
	background: url(../Img/Design/bg_ArticleAccueil_bleu.png) no-repeat;
}
#ArticleAccueil_vert
{
	background: url(../Img/Design/bg_ArticleAccueil_vert.png) no-repeat;
}
#ArticleAccueil_orange
{
	background: url(../Img/Design/bg_ArticleAccueil_orange.png) no-repeat;
}
#ArticleAccueil_rouge
{
	background: url(../Img/Design/bg_ArticleAccueil_rouge.png) no-repeat;
}

.ArticleAccueil h3 
{
	color: #FFF;
	font-size: 1.5em;
	margin: 2px 5px 20px 10px;
}

.contentArticle 
{
/*	margin: 0 0 0 100px;*/
}
.contentArticle span
{
	display: block;
	clear: right;
}

#Enavant
{
	background: url(../Img/Design/Enavant.png) no-repeat;
	clear:both;
	height: 264px;
	width: 651px;
}

#Enavant .ArticleEnAvant 
{
	height: 245px;
	width: 200px;
	position: relative;
}
#Enavant #art1
{
	float: left;
	margin: 10px 0 0 13px;
}
#Enavant #art2 
{
	float: left;
	margin: 10px 0 0 13px;
}
#Enavant #art3 
{
	float: right;
	margin: 10px 13px 0 0;
}
#Enavant h3
{
	font-size: 1.5em;
	margin: 0 0 5px 0;
}

/* Liste Article */		

#tri 
{
	margin: 0 0 20px 0;
	padding: 10px 0;
}
.tri_orange { color: #CC3300; border-bottom: 5px solid #FFCC99; }
.tri_bleu { color: #336699; border-bottom: 5px solid #BDDFF0; }
.tri_vert { color: #336600; border-bottom: 5px solid #DEEED4; }
.tri_violet { color: #660099; border-bottom: 5px solid #FFCCFF; }
.tri_gris { color: #333333; border-bottom: 5px solid #CCCCCC; }

#tri h2 
{
	margin: 0 0 10px 0;
}

#tri label.labeltri 
{
	font-size: 1.2em;
	font-weight: bold;
}
#tri label.listearticle 
{
	clear: left;
	display: block;
	float: left;
	margin: 3px 10px 0 0;
	text-align: right;
	width: 125px;
}

#tri .selectville
{
	margin: 0 0 0 10px;
	width: 150px;
}
.RadioTri label 
{
	margin: 0 15px 0 5px;
	padding: 0 0 3px 0;
}

#ArticleEnAvant 
{
	background: url(../Img/Design/enAvantTop.png) no-repeat top;
	padding: 10px 0 0 0;
	width: 651px;
}
#ArticleEnAvant_Porte
{
	background: transparent url(../Img/Design/enAvantPorte.gif) no-repeat bottom;

    width: 631px;
	margin: 0 0 10px 0;
	padding: 0 10px 10px 10px;
	position: relative;
	min-height: 250px;
}

.Article
{
	background: url(../Img/Design/bg_article.png) no-repeat;
	float: left;
	height: 272px;
	margin: 5px;
	padding: 5px;
	width: 198px;
	position: relative;
}
.Article h3, #ArticleEnAvant h3
{
	font-size: 1.5em;
	margin: 0 0 5px 0;
}
	
.Article span, #ArticleEnAvant span
{
	display: block;
	clear: right;
}

/* Detail article */
#DetailArticle 
{
	background: transparent url(../Img/Design/enAvantTop.png) no-repeat top;
	padding: 10px 0 0 0;
	width: 651px;
	margin: 0 0 30px 0;
}
.DetailArticle_Porte td
{
	background: transparent url(../Img/Design/enAvantPorte.gif) repeat-y bottom;
	margin: 0 0 10px 0;
	padding: 5px 15px 15px 15px;
}

#DetailArticle_Porte .article_nom
{
	font-size: 1.2em;
}

#DetailArticle_Porte span
{
	display: block;
	clear: right;
}

#DetailArticle_Porte .PhotoImage 
{
	margin: 5px 5px 5px 0;
}

#DetailArticle_prix
{
	text-align: center;
}
#DetailArticle_prix tr 
{
/*	background: #FFF;*/
}
#DetailArticle_prix tr.odd
{
/*	background: #CCCCCC;*/
}
#DetailArticle_prix td.col_libelle 
{
	width: 150px;
}
#DetailArticle_prix td.col_prix_public,
#DetailArticle_prix td.col_prix_cie
{
	width: 125px;
}
#DetailArticle_prix td.col_quantite
{
	width: 100px;
}
#DetailArticle_prix td.col_bouton
{
	padding: 7px 5px 0 5px;
	width: 100px;
}
#DetailArticle_prix .btn_ajouter
{
	background: url(../Img/Design/btn_ajouter.png) no-repeat;
	border: 0;
	cursor: pointer;
	display: block;
	font-size: 0.1em;
	height: 34px;
	margin: 0 0 0 20px;
	text-indent: -9000px;
	width: 109px;
	outline: 0;
}

/* Page de Contact : Recommander a un ami */
#RecommanderAUnAmi h2 
{
	margin: 0 0 20px 0;
}
#RecommanderAUnAmi .RecommanderField 
{
	clear: both;
	margin: 5px 0;
}
#RecommanderAUnAmi .RecommanderField label
{
	clear: right;
	display: block;
	float: left;
	margin: 0 5px;
	text-align: right;
	width: 200px;
}
#RecommanderAUnAmi .RecommanderFieldRadio
{
	font-family: Arial;
	font-size: 1.1em;
	margin: 20px 0 0 180px;
}
#RecommanderAUnAmi .RecommanderFieldRadio p
{
	margin: 0 0 5px 25px;
}
#RecommanderAUnAmi .RecommanderFieldRadio input
{
	width: 20px;
}
#RecommanderAUnAmi .RecommanderFieldRadio label
{
	margin-left: 5px;
}
#RecommanderAUnAmi .BoutonReco 
{
	background: url(../Img/Design/valider_orange.png) no-repeat;
	border: 0;
	cursor: pointer;
	height: 38px;
/*	font-size: 0.1em;*/
	margin: 10px 0;
/*	text-indent: -9000px;*/
	width: 113px;
	padding-top: 10px;
}

/* TODO : enlever le masquage d'ajouter au panier
#ctl00_ContenantPrincipal_Datalist2 
{
	display: none;
}
*/

.Bouton_Recalculer
{
    position: relative;
    left: 450px;
	background: url(../Img/Design/Recalculer.png) no-repeat;
	border: 0;
	cursor: pointer;
	text-indent: -9000px;
	width: 79px;
	height: 19px;
	margin: 15px 0 5px 0;
	display: block;
	font-size: 0.1em;
}

h2.TitreContact
{
	background: url(../Img/Design/titre/contact.png) no-repeat;
	text-indent: -9000px;
	width: 276px;
	height: 33px;
}
h2.VotreCommande
{
	background: url(../Img/Design/titre/Votre_Commande.png) no-repeat;
	text-indent: -9000px;
	width: 266px;
	height: 43px;
}

h2.TitreIdentification
{
	background: url(../Img/Design/titre/identificationCIE.png) no-repeat;
	text-indent: -9000px;
	width: 227px;
	height: 43px;
}

h2.TitrePanier
{
	background: url(../Img/Design/titre/VotrePanier.png) no-repeat;
	text-indent: -9000px;
	width: 193px;
	height: 41px;
}

.Bouton_PoursuivreCommande
{
    display: block;
    position: relative;
    left: 400px;
	background: url(../Img/Design/PoursuivreCommande.png) no-repeat;
	border: 0;
	cursor: pointer;
	text-indent: -9000px;
	width: 229px;
	height: 38px;
	margin-top: 10px;
}

.PaddingHeight20
{
    padding-top: 7px;
    padding-bottom: 7px;
}

.BoutonCB
{
    padding-top: 5px;
    float: left;
    display: block;
	background: url(../Img/Design/CB.png) no-repeat;
	text-indent: 45px;
	width: 150px;
	height: 25px;
	color: Black;
}

.BoutonCheque
{
    margin-left: 60px;
    padding-top: 5px;
    float: left;
    display: block;
	background: url(../Img/Design/Cheque.png) no-repeat;
	text-indent: 75px;
	width: 300px;
	height: 26px;
	color: Black;
}
.BoutonCheque a
{
	color: Black;
}

.BoutonCompteCE
{
    display: block;
	background: url(../Img/Design/CompteCE.png) no-repeat;
	text-indent: -9000px;
	width: 168px;
	height: 38px;
	margin: 0 auto;
}

/* Ajouter au panier */
#FondGris
{
    width: 100%;
    height: 3000px;
    background-color: #EEE;
    position: absolute;
    top: 0px;
    left: 0px;
    filter:alpha(opacity=0);
    -moz-opacity: 0.0;
    opacity: 0.0;
    z-index: 10;
}
#FondAjoutPanier
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 11;
}
#FondAjoutPanier #cadre
{
    width: 455px;
    height: 200px;
    margin: 220px auto;
    -moz-border-radius:8px; 
    border-radius:8px; 
    background-color: #F0F3F8; 
    border: solid 1px #B9BEC1; 
    padding: 9px;
    z-index: 12;
}
#FondAjoutPanier #cadre #blanc
{
    background-color: #FFF;
    padding: 30px 15px 0 15px;
    height: 170px;
    z-index: 13;
}

#FondAjoutPanier #cadre #blanc h2
{
    z-index: 14;
	background: url(../Img/Design/titre/VotrePanier.png) no-repeat;
	text-indent: -9000px;
	Width: 193px;
	Height: 41px;
}
#FondAjoutPanier #cadre #blanc h3
{
    color: #195B98;
    z-index: 14;
    margin: 25px 0 30px 0;
    clear: both;
}
#FondAjoutPanier #cadre #blanc a
{
    color: #195B98;
    display: block;
    float:left;
    width: 150px;
    font-weight: bold;
    z-index: 15;
    text-decoration: underline;
}

#FondAjoutPanier2
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 11;
}
#FondAjoutPanier2 #cadre2
{
    width: 404px;
    height: 540px;
    margin: 180px auto;
    -moz-border-radius:8px; 
    border-radius:8px; 
    background-color: #F0F3F8; 
    border: solid 1px #B9BEC1; 
    padding: 9px;
    z-index: 12;
}
#FondAjoutPanier2 #cadre2 #blanc
{
    background-color: #FFF;
    padding: 0px 0px 0 0px;
    height: 330px;
    z-index: 13;
}

#FondAjoutPanier2 #cadre2 #blanc h2
{
    z-index: 14;
	background: url(../Img/Design/titre/VotrePanier.png) no-repeat;
	text-indent: -9000px;
	Width: 193px;
	Height: 41px;
}
#FondAjoutPanier2 #cadre2 #blanc h3
{
    color: #195B98;
    z-index: 14;
    margin: 25px 0 30px 0;
    clear: both;
}
#FondAjoutPanier2 #cadre2 #blanc a
{
    color: #195B98;
    display: block;
    float:left;
    width: 150px;
    font-weight: bold;
    z-index: 15;
    text-decoration: underline;
}

#LogoCIE
{
    display: none;
}

.ImprimerCommande
{
    display: block;
    float: right;
    margin: 15px 30px 0 0;
    text-indent: -9000px; 
    background: transparent url(../Img/Design/print.gif) no-repeat top left; 
    width: 34px; 
    height: 24px;
}