/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	
	background-color: #ffffff;
    width: 1000px;
    margin-left:10%;
}
img {
	border: none;
}

/****************************************************************************** 
		En tête
 ******************************************************************************/
#logo {
    float: left;
}
#logo img {
    border: 0px none;

}

#coordonnees {
/* crée par ismail 16/12/2004 a 18h41*/
    padding: 0px;    
    margin:0px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #303188;
}

#old-bandeau {
	position: absolute;
	height: 92px;
	width: 529px;
	top: 0px;
	background-image:  url(../images/grouek/fondBandeauhaut.gif);
	margin: 0px;
	padding: 8px 0px 0px;
	left: 232px;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
}

#bandeau {
    /* background-image:  url(../images/fond_header.jpg);
    background-position: left top;
	background-repeat: no-repeat;*/
    height:112px;
	position: absolute;
	top: 0px;
   width: 1004px;
}
#pub_header {
    float:right;
    margin-top:10px;
    width:728px;
    height: 90px;
    /* margin-left:10px; */
}

#bandeau object {
/*	border: 1px solid red; */
/*	height: 150px;*/
	margin: 0px;
	padding: 0px;
/*        width: 768px;*/
} 

#bandeau a {
	padding-left: 15px;
} 
									    
/****************************************************************************** 
		barre modalites
 ******************************************************************************/
#barreModalites {
	position: absolute;
	top: 115px;
	margin: 0px;
	padding: 0px;
	height: 24px;
	z-index: 1;
    margin-left: 30%;
    width: 100%;
	text-align: left;
}
#barreModalites a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #BF2228;
	margin: 0px;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 5px;
	text-decoration: underline;
}
#barreModalites img {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	vertical-align: text-bottom;
	background-color: #FFFFFF;
}
#barreModalites li {
	display: inline;
}

/***************************************************************************************************
			barre Navigation
***************************************************************************************************/
/**
 * Barre de navigation
 */

#barreNavigation {
    margin: 23px 0px 0px 0px;
    padding: 00px 0px 30px;

    background-image:  url(../images/pointilles.gif);
    background-repeat: repeat-x;

    list-style-type: none;

    height: 40px;
    position: absolute;
    top: 92px;
    width: 500px;
}

#barreNavigation li {
    margin: 0px;
    padding: 0px;

    background-color: white;
    background-repeat: no-repeat;

    height: 32px;
    float: left;
    width: 32px;
}

#barreNavigation li a {
    text-decoration: none;

    margin: 0px;
    padding:0px;

    display: block;
    float: left;
    height: 30px;
    width: 30px;
}

#barreNavigation li a dfn{
   display: none;
}

#accueil {
    background-image:  url(../images/grouek/picto_accueil.gif);
}

#aide {
    background-image:  url(../images/grouek/picto_aide.gif);
}

#plan {
    background-image:  url(../images/grouek/picto_plan.gif);
}

#print {
    background-image:  url(../images/grouek/picto_imprimante.gif);
    background-position: 0px 2px;

	cursor: pointer;
}

/***************************************************************************************************
			bloc de connexion 
***************************************************************************************************/
#connexion {
	margin: 0px;
    margin-top: 14px;
	padding: 0px;
	height: 91px;
	background-image:  url(../images/grouek/bloc_identifiant.gif);
	background-repeat: no-repeat;
}
#connexion legend {
	display: none;
}
#connexion fieldset {
	padding: 0px;
	border: none;
	margin: 0px;
}
#connexion input,p {
	display: inline;
	padding: 0px;
	margin: 0px;
}
#connexion label {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #303188;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 10px;
}
#identifiant {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	width: 96px;
	background-color: #FFFFFF;
	height: 14px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #666666;
	position: relative;
	left: 10px;
}
#motPasse {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	width: 70px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	height: 14px;
	border-top: 1px solid #666666;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #666666;
	position: relative;
	left: 10px;
}
#valider {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #BF2228;
	text-decoration: none;
	background-image:  url(../images/grouek/b_ok.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 24px;
	margin: 0px;
	padding: 0px;
	border: none;
	position: relative;
	left: 0px;
	z-index: 1;
	display: inline;
	background-color: #FFFFFF;
	cursor: pointer;
}
#inscription {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #BF2228;
	background-image:  url(../images/grouek/b_inscrire.gif);
	background-repeat: no-repeat;
	height: 21px;
	width: 148px;
	padding-top: 4px;
	padding-left: 39px;
    padding-right: 45px;
}
#inscription a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #BF2228;

}

/***************************************************************************************************
			Pieds de page 
***************************************************************************************************/
#pointille {
	background-image:  url(../images/grouek/pointilles.gif);
	background-repeat: repeat-x;
	list-style-type: none;
	height: 0px;
	width: 760px;
	margin: 0px;
	padding: 0px 0px 0px;
	top: 0px;
}

#ccilogobas {
	padding: 6px 0px 0px 55px;
	height: 50px;
	width: 8px;
	background-image:  url(../images/grouek/logo_cci.gif);
	background-repeat: no-repeat;
	background-position: right 16px;
	margin: 0px;
}

#piedPage {	
	list-style-type: none;
	top: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
#piedPage a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: underline;
}
#piedPage li {
	display: inline;
}
/****************************************************************************** 
		chemin
 ******************************************************************************/
#chemin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	height: 8px;
	text-align: right;
	margin: 12px 5px 10px 0;
	padding: 0px;
}
#chemin dt {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #303188;
	margin: 0px;
	padding: 0px 5px 0px 10px;
	background-image: url(../images/grouek/p_fleche.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#chemin dd {
	display: inline;
	margin: 0px;
	padding: 0px 5px 0px 10px;
	list-style-image: url(../images/grouek/p_fleche.gif);
	background-image: url(../images/grouek/p_fleche.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


/***************************************************************************************************
			*******   Contenu rubrique ******** 
***************************************************************************************************/

#actualiser {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #303188;
	text-decoration: none;
	background-image: url(../images/grouek/actualiser.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 73px;
	border: none;
	padding-top: 1px;
	padding-left: 15px;
	cursor: pointer;
}
#actualiser a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #303188;
	text-decoration: none;
}


#annuler {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #303188;
	text-decoration: none;
	background-image: url(../images/grouek/actualiser.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 70px;
	border: none;
	padding-top: 1px;
	padding-left: 15px;
	cursor: pointer;
}
#annuler a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #303188;
	text-decoration: none;
}

#suivant {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #bf2228;
	text-decoration: none;
	background-image: url(../images/grouek/b_comptage.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 94px;
	border: none;
	padding-top: 1px;
	padding-left: 0px;
	cursor: pointer;
}

.titreRubrique {
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #303188;
	text-transform: uppercase;
	padding: 3px 0px 0px 10px;
	height: 21px;
	background-image: url(../images/grouek/haut.gif);
}

#beautext34 {	
/* crée par ismail 16/12/2004 a 08h31*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #303188;	
	margin: 0px;	
	padding: 0px;	
}
#elementtableau {
/* crée par ismail 16/12/2004 a 08h32*/
    display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 10px;
}
#elementtableauNoPadding {
    display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 0px;
	margin: 0px;
}
#elementTableauSimple {
/* crée par ismail 16/12/2004 a 08h32*/
    display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 10px;
}
#inscriver{
/* crée par ismail 16/12/2004 a 08h33*/	
	top: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #bf2228;
	text-decoration: none;
	background-image: url(../images/grouek/b_lancer10.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 108px;
	border: none;
	padding-top: 1px;
	padding-left: 16px;
	left: 10px;
	background-color: #FFFFFF;
	cursor: pointer;
}
#elementableau {
/* crée par ismail 16/12/2004 a 08h34*/	
display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #303188;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 10px;
}
#enreg {
/* crée par ismail 16/12/2004 a 08h35*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	width: 100px;
	margin: 0px;
	padding: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
	height: 14px;
	border-top: 2px solid #666666;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #666666;
}

#enreg select {
/* crée par ismail 20/12/2004 a 18h38*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	width: 200px;
	margin: 0px;
	padding: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
	height: 14px;
	border-top: 2px solid #666666;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #666666;
}

#enregpays {
/* crée par ismail 16/12/2004 a 08h35*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	width: 200px;
	margin: 0px;
	padding: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
	height: 14px;
	border-top: 2px solid #666666;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #666666;
}

#enregpays select {
/* crée par ismail 20/12/2004 a 18h38*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	width: 200px;
	margin: 0px;
	padding: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
	height: 14px;
	border-top: 2px solid #666666;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #666666;
}

#prsuivr{
/* crée par ismail 16/12/2004 a 08h36*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #bf2228;
	text-decoration: none;
	background-image: url(../images/grouek/b_comptage.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 93px;
	border: none;
	padding-top: 1px;
	padding-left: 18px;
	
	background-color: #FFFFFF;
	cursor: pointer;
}
#valid{
/* crée par ismail 16/12/2004 a 08h36*/	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #bf2228;
	text-decoration: none;
	background-image: url(../images/grouek/b_comptage.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 85px;
	border: none;
	padding-top: 1px;
	padding-left: 8px;
	
	background-color: #FFFFFF;
	cursor: pointer;
}
#elementtableaugras {
/* crée par ismail 16/12/2004 a 08h38*/	
    display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 2px;
}
#elementableaugras{
/* crée par ismail 16/12/2004 a 08h38*/	
display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

#retour, #accesRecherche {
/* crée par adil 16/12/2004 a 08h38*/
	left: 0px;
	top: 240px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #303188;
	text-decoration: none;
	background-image: url(../images/grouek/retournv.gif);
	background-repeat: no-repeat;
	height: 16px;
        width:85px;
	border: none;
	padding-top: 1px;
	padding-left: 20px;
	cursor:pointer;
}
#accesRecherche{ 
	text-align: center;
	background-image: url(../images/grouek/b_modifier1.gif);
	width: 214px;
        padding-left:0px;
 } 


#label {
/* crée par ismail 16/12/2004 a 10h17*/
display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #303188;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#enreg1 {
/* crée par ismail 16/12/2004 a 10h19*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	width: 180px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	height: 14px;
	border-top: 1px solid #666666;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #666666;
}
#enregtait {
/* crée par ismail 16/12/2004 a 10h20*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	width: 280px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	height: 14px;
	border-top: 1px solid #666666;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #666666;	
}
/***************************************************************************************************
			*******   ******** 
***************************************************************************************************/
.blue {
/* crée par adil 16/12/2004 a 10h38*/
border-style:solid;
border-width:1px; 
border-color:#BEC8CD;
}

.grise {
  /* crée par adil 16/12/2004 a 11h38*/
	border-style:solid;
	border-width:1px;
	border-color:#BEC8CD;
	background-color:#BEC8CD;
	
}

#rouge {
    /* crée par adil 16/12/2004 a 11h38*/

font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #BF2228;
	margin: 0px;
	padding: 0px;
	display: inline;
}
#entetetableau {
/* crée par ismail 16/12/2004 a 15h37*/
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #303188;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 10px;
	font-weight: bold;
}

#afficher {
/* crée par ismail 16/12/2004 a 15h45*/
	top: 419px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #990033;
	text-decoration: none;
	background-image: url('../images/grouek/b_lancer.gif');
	background-repeat: no-repeat;
	height: 16px;
	width: 160px;
	border: medium none;
	padding-top: 1px;
	padding-left: 0px;
	left: 220px;
	cursor:pointer;
}
#afficher a {
/* crée par ismail 16/12/2004 a 15h45*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #BF2228;
	text-decoration: none;
}
#titrecarnet1 {
/* crée par ismail 16/12/2004 a 16h33*/
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #303188;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
}

#modifier {
/* crée par adil 16/12/2004 a 16h33*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #303188;
	text-decoration: none;
	background-image: url(../images/grouek/b_effacerselect.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 148px;
	border: none;
	padding-top: 1px;
	padding-left: 24px;
	cursor:pointer;
}

#ajouterpanier{
	/* crée par adil 16/12/2004 a 16h33*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #bf2228;
	text-decoration: none;
	background-image: url(../images/grouek/b_lancer.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 160px;
	border: none;
	padding-top: 1px;
	padding-left: 0px;
	
	background-color: #FFFFFF;
	cursor: pointer;
	

}
#titrecarnet2{
/* crée par ismail 16/12/2004 a 17h09*/
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #303188;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 9px;
}
#ajouteradresse{
/* crée par ismail 16/12/2004 a 18h07*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #bf2228;
	text-decoration: none;
	background-image: url('../images/grouek/b_lancer10.gif');
	background-repeat: no-repeat;
	height: 16px;
	width: 135px;
	border: medium none;
	padding-top: 1px;
	padding-left: 0px;
	
	background-color: #FFFFFF;
	cursor: pointer;
}

#payment {
/* crée par ismail 16/12/2004 a 18h30*/
    display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #303188;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 10px;


}
#despayment {
/* crée par ismail 16/12/2004 a 18h35*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	margin: 0px;
    margin-left: 0px;
	padding: 0px;
	font-weight: normal;
}
#rougegras {
    /* crée par adil 16/12/2004 a 11h38*/
display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #BF2228;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 10px;
}
.coordonnees {
/* crée par ismail 16/12/2004 a 18h41*/
    padding: 0px;    
    margin:0px;
    display: block;
    width: auto;    
    height: 0px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #303188;
}

#nvselection {
	   /* crée par adil 16/12/2004 a 11h38*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #bf2228;
	text-decoration: none;
	background-image: url(../images/grouek/b_acceder3.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 190px;
	border: none;
	padding-top: 1px;
	padding-left: 0px;
	cursor: pointer;
	
}

						/** Choix de support **/
#contenu {
	/* crée par ismail 16/12/2004 a 19h05*/
}
#contenu em {
/* crée par ismail 16/12/2004 a 19h05*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #bf2228;
	font-style: normal;
	display: inline;
	text-transform: uppercase;
}
#contenu ins, p {
/* crée par ismail 16/12/2004 a 19h05*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
#contenu ins {
/* crée par ismail 16/12/2004 a 19h05*/
    font-weight: normal;
    text-decoration: none;    
}
#contenu label {
/* crée par ismail 16/12/2004 a 19h22*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #303188;
	margin: 0px;
	padding: 0px;
	display: inline;
}
					/***/
					
#chiffrerCommande {
/* crée par ismail 16/12/2004 a 19h39*/
	top: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #bf2228;
	text-decoration: none;
	background-image: url('../images/grouek/b_lancer.gif');
	background-repeat: no-repeat;
	height: 16px;
	width: 160px;
	border: medium none;
	padding-top: 1px;
	padding-left: 3px;
	left: 425px;
	background-color: #FFFFFF;
	cursor: pointer;
}

#modifiercritere {
/* crée par ismail 16/12/2004 a 19h39*/
	left: -1px;
	top: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #303188;
	text-decoration: none;
	background-image: url('../images/grouek/b_modifier.gif');
	background-repeat: no-repeat;
	height: 16px;
	width: 214px;
	padding-top: 1px;
	padding-left: 19px;
	cursor: pointer;
}

#retourPanier {
/* crée par ismail 17/12/2004 a 09h12*/
	top: 225px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #303188;
	text-decoration: none;
	background-image: url(../images/grouek/b_retour3.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 110px;
	border: none;
	padding-top: 1px;
	padding-left: 20px;
	left: 200px;
	cursor:pointer;
}

#choixModePaiementEnCours,
#choixModePaiement {
/* crée par ismail 17/12/2004 a 09h30*/
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #bf2228;
	text-decoration: none;
	height: 16px;
	width: 190px;
	border: none;
	padding-top: 1px;
	padding-left: 0px;
	
	background-color: #FFFFFF;
	cursor: pointer;	
}
#choixModePaiement {
	background-image: url(../images/grouek/b_acceder2.gif);
	background-repeat: no-repeat;
}
#loader {
    background: url(../images/ombre.gif);
    z-index: 9;
    opacity:0.10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300%;
    cursor: url(../images/emblem-readonly.gif), auto;
    /* display: none;*/
}

#entetetableaugras {
/* crée par ismail 17/12/2004 a 09h40*/
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #303188;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 10px;
	font-weight: bold;
}
#nommerinput {
/* crée par ismail 17/12/2004 a 11h05*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	width: 200px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	height: 14px;
	border-top: 1px solid #666666;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #666666;
	
}
#continuer input{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #bf2228;
	text-decoration: none;
	background-image: url(../images/grouek/b_comptage.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 94px;
	border: none;
	padding-top: 1px;
	padding-left: 16px;
	background-color: #FFFFFF;
	cursor: pointer;
}

#entetetableaugras1 {
/* crée par adil 17/12/2004 a 15h37*/
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303188;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 10px;
	font-weight: bold;
}
#nommerSelectionLabel {
/* crée par ismail 20/12/2004 a 08h59*/
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #303188;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 2px;
	font-weight: bold;
}

.message {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: red;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 2px;
	font-weight: bold;
}

.tri {
    display: inline;
	height : 20px;
        /*pour firefox */
        max-height: 15px;
	width : 102px;
	border:1px solid #666666;
	background-color:#fafdff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.champLibre {
    position : relative;
    border:1px solid #666666 !important;
    top:-15px !important;
	left: 170px !important;
	height: 11px !important;
	width: 208px !important;
	top:-25px;
	left: -85px;
	height: 14px;
	width: 200px;
	border:0px solid #666666;
	background-color:#fafdff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

.champLibreTropCaracteres {
    position : relative;
    border:1px solid #666666 !important;
    top:-15px !important;
	left: 170px !important;
	height: 11px !important;
	width: 208px !important;
	top:-25px;
	left: -85px;
	height: 14px;
	width: 200px;
	border:0px solid #666666;
	background-color:#bf2228;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

.selectChampLibre {
    float: left;
	height : 13px;
	width : 225px;
	border:1px solid #666666;
	background-color:#fafdff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin-top: 10px;
}

#iframeMasque {
    position : relative;
    display : none !important;
    display : inline;
    border: 0px;
    top:-19px;
	left: 119px;
    height : 20px;
	width : 208px;
}

#trier {
    float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #303188;
    margin: 0px;
    margin-top: 5px ;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 8px;
	text-align: left;
	/*background-image: url(../images/grouek/p_fleche.gif);*/
    background-repeat: no-repeat;
    background-position: 0px 3px;
}

#labelChampLibre {
    float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #303188;
    margin: 0px;
    margin-top: 10px !important;
    margin-top: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 8px;
	text-align: left;
	background-image: url(../images/grouek/p_fleche.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
}

.listCritereTri {
    margin: 0px;
    padding-left: 0px;
    display: inline;
}

.listCritereTri li {
    padding-left: 0px;
    display: inline;
}

#echantillon, #taillefixe{
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #303188;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 10px;


}
#echantillonChiffre {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: rgb(102, 102, 102);
    margin-left: 25px;
    padding-bottom: 25px;
}

#numerotationListe {
    /* TROUVER UNE SOLUTION POUR NUMEROTATION LISTE */
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #303188;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
    

}

/***************************************************************************************************
			*******   Message d'erreur ******** 
***************************************************************************************************/

.messageStackError, .messageStackWarning {
/* crée par ismail 22/12/2004 a 16h13*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #bf2228;
}

.messageStackSuccess { 
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #303188; 
}

#greeting_cci1 {
	display:none;
}

#greeting_cci2 {
        color: #BF2228;
}
/**
 * Titre principale
 */

#principale {
    margin: 0px;
    margin-left: 180px;
    margin-top: 35px;
    padding: 0px;

    width: 576px;
}
/**
 * Pages statiques
 */
.statique {
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;

    text-align: justify;

    margin: 0px;
    padding: 0px;

    min-height: 350px;
    overflow: visible;
}

.statique h1 {
    color: #303188;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;

    text-transform: uppercase;

    margin: 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 25px;
    padding-top: 2px;

    background-image: url(../images/grouek/t_acheter.gif);
    background-repeat: no-repeat;

    height: 20px;
    width: 576px;
}

.statique h2 {
    color: #303188;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;

    margin: 0px;
    margin-top: 10px;
    padding: 0px;

    height: 20px;
}

.statique h3 {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;

    text-align: center;

    margin: 0px;
    margin-top: 15px;
    padding: 0px;

    height: 30px;
}

.statique h3.avertissement {
    color: #bf2228;
    font-size: 14px;
    font-weight: bold;
}

.statique div {
    margin: 0px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 0px;
}

.statique a {
    color: #303188;
    text-decoration: underline;
}

.statique a:hover {
    text-decoration: none;
}

.statique ul {
    margin:0px;
    margin-left: 48px;
    padding: 0px;
}

.statique dl.technique dt, .statique dl.technique dd,
.statique dl.technique ul, .statique dl.technique ol,
.statique dl.technique li {
    padding: 0.2em;
    margin: 0px;
}

.statique dl.technique dt {
    font-size: 1.2em;
    font-weight: bold;

    margin-top: 2em;
}

.statique dl.technique dd {
    margin-bottom: 1em;
}

.statique dl.technique dd ul, .statique dl.technique dd ol {
    padding-left: 48px;
}

.statique dl.technique dd ul.image {
    list-style-type: none;
}

.statique dl.technique ol li {
    padding-top: 0.7em;
}

.statique dl.technique dd li {    
    clear: both;
}

.statique dl.technique dd ul li a.navigateur {
    display: block;
}

.statique dl.technique dd img {
    vertical-align: baseline;

    margin-left: -40px;
    padding: 8px;

    float: left;
}

.statique p {
    margin-bottom: 0.2em;
    margin-top: 1.5em;

    clear: both;
    display: block;
}

.statique dl.technique dd tt {    
    background-color: #eeeade;
    color: #000000;
    font-family: "Tahoma", monospace;
    font-size: 8pt;

    text-align: center;

    border-bottom-color: #acaa9c;
    border-left-color: #ffffff;
    border-right-color: #acaa9c;
    border-top-color: #ffffff;
    border-width: 1px;
    border-style: solid;

    margin-right: 3px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;

    cursor: pointer;
}
.statique input.valider {
  background-color: #BF2228;
  color: #FFFFFF;
  border-color: #ffffff;
  font-weight: bold;
}


hr {	
	background-color: #ffffff;

	margin: 0;
	padding: 0;

    border-color: #303188;
    border-width: 1px;
    border-bottom-style: solid;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;

	height: 2px;
}

.statique table {
	border-color: #666666;

    width: 576px;
}

.statique th, .statique td {
	text-align: center;
	vertical-align: middle;

	padding: 1px;
}

.statique td.libelle {
	font-variant: small-caps;

	text-align: left;
}

.statique li, .statique p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#rectangleEPub {
    width: 300px;
    height: 250px;
    background-color: #FFF;
    margin: 8px;
    padding: 0px;
}
#pub_autres {
    margin-left: 5px;
	margin-top : 10px;
}

.imgPub1 {
	display: block;
	
	margin-top: 10px;
}
.imgPub2 {
	display: block;
	float: left;
	
	margin-top: 10px;
}
.imgPub3 {
	display: block;
	float: left;
	
	margin-top: 10px;
	margin-left: 10px;
}

.droite,
.gauche {
    vertical-align:top;
    margin: 0px;
    padding: 0px;
    padding-top: 20px;
}
.droite {
    padding-top: 40px;
}