/* BALISES DE BASE */
body {
	background-color:white;
	background-image:url(img/bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	margin:0;
	border:0;
	font-size:11px;
	font-family:Georgia, Helvetica, sans-serif;
	color:#000000;
}
img {
	border:0;
}
form {
	border:0;
	margin:0;
}
h2,h3,h4 {
	margin:0;
	font-size:12px;
}
ul,li {
	margin:0;
	padding:0;
	list-style:none;
}
a:link,a:visited,a:active {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration:none;
	color: #1a5db8;
}
hr {
	background-color: #EEEEEE;
	border-style: solid;
	border-width: 1px;
	border-color: #31364A;
}


/* BALISES REUTILISABLES */
.clear{
	clear:both;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
.big {
	font-size:14px;
	text-transform:uppercase;
}
.italic {
	font-style:italic;
}
.bold {
	font-weight:bold;
}
.texte-maj{
	text-transform: uppercase;
	font-size:9px;
	color:#888888;
}

/* HEADER */
.fond-page {
	width:960px;
}
.fond-gauche {
	width:175px;
	padding-left:10px;
	padding-top:20px;
	background-repeat:repeat-y;
	background-position:top left;
	border-bottom:solid 1px #FFFFFF;
}
.fond-centre {
width:777px;
}
.header-connexion{
	width:370px;
	height:74px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:40px;
	padding-left:80px;
}
#liens_haut {
	padding-left:10px;
	padding-top:8px;
	height:23px;
	margin-top:50px;
	color:#000000;
}
a.lien-haut:link,a.lien-haut:visited,a.lien-haut:active {
	color:#5d6ec7;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	text-transform:lowercase;
	margin:0;
}
a.lien-haut:hover {
	text-decoration:underline;
}
a.lien-register:link,.a.lien-register:visited,a.lien-register:active {
	color:#157ca6;
	text-decoration:none;
	border-bottom:1px dotted #157ca6;
	margin:0;
}
a.lien-register:hover {
	color:#888888;
	border-bottom:1px dotted #888888;
}
.fond-menu-haut {
	height:44px;
	line-height:44px;
	vertical-align:middle;
	font-size:11px;
	color:#F9F9FA;
	text-transform:uppercase;
	padding-left:20px;
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	background-color:#31364A;
}
.menu-haut {
	text-align: center;
	color: #31364A;
	height:35px;
	background-image:url(img/bg_menuhaut.gif);
	background-repeat:repeat-x;
}
.menu-haut-principal {
	padding: 0px;
	margin: 0px;
	height:100%;;
}
.menu-haut-principal li {
	display: inline;
	height: 40px;
	float: left;
	line-height: 40px;
	vertical-align:middle;
}
.menu-deroulant-rubrique {
	font-weight: bold;
	color: #31364A;
	background-color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
}
a.menu-deroulant-rubrique:link,a.menu-deroulant-rubrique:visited,a.menu-deroulant-rubrique:active {
	text-decoration: none;
	color: #D26756;
	background-color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
}
a.menu-deroulant-rubrique:hover {
	color: #DB2E38;
	background-color: #FFFFFF;
}
a.bouton-haut:visited,a.bouton-haut:link,a.bouton-haut:active {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	text-transform: uppercase;
	color: white;
	padding-right: 20px;
	padding-left: 20px;
}
a.bouton-haut-actif:link,a.bouton-haut-actif:visited,a.bouton-haut-actif:active {
	font-size: 10px;
	font-weight: bold;
	white-space: nowrap;
	text-transform: uppercase;
	color:white;
	padding-right: 20px;
	padding-left: 20px;
}
a.bouton-haut:hover {
	font-weight: bold;
	text-decoration: underline;
	white-space: nowrap;
	color:#FFC;
	text-transform: uppercase;
	padding-right: 20px;
	padding-left: 20px;
}
.separateur-haut {
	font-weight: normal;
	background-color: white;
	height: 10px;
	width: 1px;
	padding: 0px;
	margin: 0px;
}
a.bouton-haut-actif:hover {
	font-weight: bold;
	text-decoration: underline;
	white-space: nowrap;
	text-transform: uppercase;
	color: #FFC;
	padding-right: 20px;
	padding-left: 20px;
}
.input-text-header {
	background-color:#FFFFFF;
	border:solid 1px #cccccc;
	padding:4px 3px 3px 3px;
	width:210px;
	font-size:13px;
	color:#000000;
	margin-right:5px;
	margin-bottom:12px;
}
#acces_mail{
	width:120px;
}
#acces_password{
	width:120px;
}
.bg-panier {
	color:#31364A;
	font-size:12px;
	height:30px;
	width:216px;
	font-weight:bold;
	padding-top:30px;
}
#monpanier {
	padding-left:40px;
	color:#eedaec;
	padding-bottom:8px;
	display:block;
	margin:0;
	height:1px;
}
#refresh_panier_header{
	color:#eedaec;
	font-weight:bold;
	font-size:12px;
}
.nbre {
	color:#b9c7ea;
	font-size:15px;
}
.fil_ariane,a.fil_ariane:link,a.fil_ariane:visited,a.fil_ariane:active,a.fil_ariane:hover {
	color:#999999;
	font-size:11px;
	display:block;
	float:left;
	text-decoration:none;
}
.fil_ariane_fond {
	color:#999999;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	padding-left:5px;
}
.titre-page {
	font-size:11px;
	padding-left:5px;
}

/* BARRE NAVIGATION */
.bouton-navigation {
	text-align: center;
	vertical-align: middle;
	background-image: url(img/bouton-navigation.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 28px;
	width: 28px;
	line-height: 28px;
	color:#ffffff;
}
.barre-navigation {
	margin-top: 5px;
	margin-bottom: 5px;
}
.page-active {
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	height: 100%;
	width: 100%;
}
.page-inactive {
	font-size: 11px;
	color: #cccccc;
}
a.page-lien:link,a.page-lien:visited,a.page-lien:active {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	display: block;
	height: 100%;
	width: 100%;
	color:#FFFFFF;
}
a.page-lien:hover {
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	display: block;
	height: 100%;
	width: 100%;
	color:#FFFFFF;
}

/* FORMULAIRES */
.input-text {
	margin-bottom:5px;
	}

/* BOITES CENTRALES */
.boite_pop {
	background-color:#ffffff;
	border:solid 2px #31364A;
}
.boite1-titre{
	color:#31364A;
	font-size:17px;
	padding:5px;
}
.boite1 ul{
	list-style-type:circle;
	margin:10px;
	padding:10px;
}
.boite2 {
	padding:10px 0px 10px 0px;
}
.boite2-titre{
	color:#31364A;
	font-size:17px;
}
.boite5 {
	width: 100%;
}
.boite5-2 {
	border-bottom:#5d5d5d;
}
.boite5-titre {
	font-size:19px;
	font-weight:normal;
	color:#ffffff;
	background-color:#cea3bf;
	float:left;
	padding:4px;
}
.boite5-titre-1,.boite5-titre-3 {
	width:1px;
}
.boite5-titre-1,.boite5-titre-3,.boite5-titre-2  {
	background-image:url(img/pointillets_boite5.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
.boite5-titre-2{
	padding:5px 0px 5px 0px;
}
.boite5-5 {
	padding-top:10px;
}
/* EXTRANET */
a.menu-extranet-client:visited,a.menu-extranet-client:link,a.menu-extranet-client:active {
	text-decoration:none;
	font-weight:bold;
	text-align:center;
}
.tableau-menu-extranet {
	background-color: #CCC;
}
.tableau-menu-extranet td {
	text-align:center;
	width:25%;
}
.tableau-titre {
	background-color:#e9e9e9;
	font-weight:bold;
	color:#31364A;
	padding:2px;
	text-align:center;
}
.tableau-ligne-2 {
	padding:5px;
	border-bottom:1px solid #f2f2f2;
	text-align:center;
}
.tableau-ligne-1 {
	padding:5px;
	border-bottom:1px solid #f2f2f2;
	text-align:center;
}

/* BOITES LATERALES */
.boite_menu1 {
	width:100%;
	margin: 0 0 15px 0;
	float:left;
}
.boite_menu1-titre {
	font-size:16px;
	padding-left:5px;
	color:#2c3b87;
	font-weight:normal;
}
.boite_menu1-5 {
	padding:5px;
}

/* BOITE MENU */
.boite_menu2,.boite_menu2-titre  {
	color:#d9678b;
}
.boite_menu2-titre {
	font-size:18px;
	font-weight:normal;
}
.boite_menu2 {
	margin-bottom:30px;
	float:left;
}
.entree-menu-ligne2 {
	margin-left:5px;
}
.boite-menu {
	padding-left:5px;
	width:130px;
}
.boite-menu-fleche {
	background-image:url(img/boite-menu-fleche.gif);
	background-position:right;
	background-repeat:no-repeat;
}
.boite-menu-ligne-1 {
	list-style-type: none;
	background-image:url(img/li_menu.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0;
	padding:0;
	padding-left:13px;
	padding-top:2px;
	padding-bottom:2px;
	vertical-align:middle;
	border-bottom:dotted 1px #2c3b87;
}
.boite-menu-ligne-2 {
	list-style-type: none;
	margin:0;
	padding-left:10px;
	color:#FC0;
	border-bottom:1px dotted #FFFFFF;
}
.entree-menu {
	margin:auto;
}
.entree-menu2 {
	color:#000000;
}
a.boite-contenu:link,a.boite-contenu:visited,a.boite-contenu:active {
	color:#2c3b87;
	text-decoration:none;
	font-size:11px;
}
a.boite-contenu:hover {
	text-decoration:underline;
}
a.boite-contenu-actif:link,a.boite-contenu-actif:visited,a.boite-contenu-actif:active {
	color: #2c3b87;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}
a.boite-contenu-actif:hover {
	text-decoration:underline;
}
a.boite-contenu-ligne2:link,a.boite-contenu-ligne2:visited,a.boite-contenu-ligne2:active {
	color: #d7678d;
	text-decoration:none;
	font-size:11px;
}
a.boite-contenu-ligne2:hover {
	text-decoration:underline;
}
a.boite-contenu-ligne2-actif:link,a.boite-contenu-ligne2-actif:visited,a.boite-contenu-ligne2-actif:active {
	color: #31364A;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
a.boite-contenu-ligne2-actif:hover {
	text-decoration:underline;
}
a.boite-titre:link,a.boite-titre:visited,a.boite-titre:active {
	color: #2c3b87;
	text-decoration:none;
	font-size:18px;
	font-weight:normal;
}
a.boite-titre-actif:link,a.boite-titre-actif:visited,a.boite-titre-actif:active {
	color: #D7678D;
	text-decoration:none;
	font-size:18px;
	font-weight:normal;
}
a.boite-titre:hover {
	text-decoration:underline;
}

/* BOITES PRODUITS */
.separateur_produit_horizontal{
	background-image:url(img/separateur_produit_horizontal.gif);
	background-repeat:repeat-x;
	background-position:center center;
}
.boite_produit1 {
	width:95%;	
	padding-left:5px;
	padding-right:5px;
}
.boite_produit1-image {
	background-color:#FFF;
	height:150px;
	width:170px;
	margin:auto;
	position:relative;
}
.boite_produit1-image .conteneur_image_produit{
	height:150px!important;
	width:170px!important;
	/*display:table-cell;*/
	line-height:150px!important;
	vertical-align:middle;
}

.image-texte {
	color:#ad4064;
	font-size:13px;
	font-style:italic;
	padding-top:3px;
	text-decoration:none;
}
.affichage_marque{
	display:none;
}
.boite_produit1-description {
	font-weight:normal;
	color:#ad4064;
	font-size:11px;
	height:37px;
	text-decoration:none;
	margin:5px 0px 14px 0px;
}
a.boite_produit1-designation:link,a.boite_produit1-designation:visited,a.boite_produit1-designation:active,a.boite_produit1-designation:hover {
	text-align:center;
	color: #072e65;
	display:block;
	height:35px;
	text-decoration:none;
	color:#ad4064;
}
.boite_produit1-prix {
	color: #2c3b87;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	height:13px;
}
.boite_produit1-date{
	visibility:hidden;
}
.barrer_prix {
	text-decoration:line-through;
	font-size:11px;
	height:17px;
}
.bordure-image {
	padding-top:6px;
	padding-bottom:6px;
	margin-bottom:5px;
}
.bouton_detail{
	float:left;
	display:none;
}
.bouton_commande{
margin-left:16px;
}

/* LISTES PRODUITS */
.bordure-image-liste {
	border: 1px solid #7d7d7d;
	padding-top:6px;
	padding-bottom:6px;
	margin:5px;
}
.liste1-ligne,.liste2-ligne {
	border-bottom:1px solid #2c2c2c;
}
.liste1-designation{
text-align:left;
margin-top:5px;
}
.liste1-prix {
	color:#009;
	font-size:16px;
}
.liste1-ligne {
	height:100px;
}
a.panier-onglet:visited, a.panier-oglet:link {
	color:#999;
}
.panier-onglet-1-actif {
	color:#FFF;
	background-color:#af4366;
	width:20px;
	text-align:center;
}
.panier-onglet-1-inactif,.panier-onglet-1 {
	background-color:#2c3b87;
	height:20px;
	width:20px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
}
.panier-onglet-1-inactif,.panier-onglet-1 {
	background-color: #CCC;
}
a.panier-onglet-actif {
	color: #af4366;
	font-weight:normal;
}
.panier-onglet-inactif {
	color:#CCC;
}
.panier-onglet-barre {
	margin-bottom:10px;
}
.panier-onglet-1 {
	
}
.panier-onglet-2 {
	padding-left:5px;
	color:#000000;	
}
.panier-onglet-3 {
	width:1px;
}
.panier-onglet-4 {
	width:25px;
	background-image:url(img/panier-onglet-3.gif);
	background-repeat:no-repeat;
	background-position:center center;
}
.panier-etape {
	background-color:#c888b5;
	color:#FFFFFF;
	padding:5px;
	font-weight:bold;
}
.panier-coin-1,.panier-coin-2,.panier-gauche,.panier-droite {
	border-bottom: 1px solid #CfCfCf;
}
.panier-bas,.panier-coin-3,.panier-coin-4{
	font-size:18px;
	background-color:#072e65;
	padding:3px;
	color:#FFFFFF;
}
.panier-haut,.panier-ligne,.panier-ligne-3,.panier-ligne-2 {
	border-bottom: 1px solid #cfcfcf;
	padding:5px;
}
.panier-haut,.panier-coin-1,.panier-coin-2 {
	background-color:#F1F1F1;
}
.panier-haut {
	font-weight:bold;
}
.panier-bordure {
}

/* FOOT */
.fond-menu-bas{
	padding-top:5px;
	background-image:url(img/fond-menu-bas.gif);
	background-repeat:repeat-x;
	background-position: top;
}
.menu-bas{
	width:100%;
}
.rubrique-bas {
	color:#ad4064;
	font-size:12px;
	margin-bottom:8px;
	font-weight:bold;
}
.colonne-bas {
	width:120px;
	float:left;
	margin:10px;
	border-right:dotted 1px #e2c8d9;
	padding-right:10px;
}
a.lien-bas:link,a.lien-bas:visited,a.lien-bas:active {
	color:#ad4064;
	font-size:11px;
	padding-left:5px;
	text-transform:lowercase;
	text-decoration:none;
}
a.lien-bas:hover {
	text-decoration:underline;
}
#poweredby {
	color:#7f7f7f;
	padding-top:10px;
	margin-bottom:10px;
	text-align:center;
	color:#000000;
}

/* BOUTONS */

/*bouton1*/
a.bouton1:link,a.bouton1:visited,a.bouton1:active {
	display:inline;
	text-decoration: underline;
	font-weight: bold;
}
a.bouton1:hover {

}

/*bouton2*/
.bouton2-fond {
	float:left;
	background-color:#ad4064;
}

.bouton2-centre{
	height:19px;
	line-height:21px;
	padding:3px;
	vertical-align:middle;
}

a.bouton2:link,a.bouton2:visited,a.bouton2:active {
	display:block;
	text-decoration: underline;
	font-weight: normal;
	font-size:10px;
	color:white;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
}
a.bouton2:hover {
	text-decoration:underline;
}

/*bouton4*/
.bouton4-fond {
	float:left;
	clear:both;
}
.bouton4-gauche{
	float:left;
	height:20px;
	width:1px;
}
.bouton4-centre{
	float:left;
	height:20px;
	display:block;
	line-height:20px;
	vertical-align:middle;
}
.bouton4-droite{
	float:left;
	height:20px;
	width:1px;
}
.bouton4{
	display:block;
	text-decoration: underline;
	font-weight: bold;
}

/*bouton5*/
.bouton5-fond {
	clear:both;
	float:left;
	height:20px;
	padding:3px;
	line-height:20px;
	background-color:#072e65;
	white-space:nowrap;

}
a.bouton5:link,a.bouton5:visited,a.bouton5:active {
	text-decoration: underline;
	font-weight: normal;
	font-size:10px;
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
}
a.bouton5:hover {
	text-decoration:underline;
}

.gabarit-telechargement li{
	margin:0px 0px 20px 0px;
}

.gabarit-telechargement .cont-top{
	padding:5px 5px 5px 40px;
	min-height:40px;
}

.gabarit-telechargement .cont-top .titre{
	font-size:16px;
	font-weight:bold;
}

.gabarit-telechargement .cont-top .size{
	text-align:right;
}

.gabarit-telechargement .description{
	background-color:#F9F7F7;
	padding:5px;
}

.gabarit-telechargement .description .titre{
	border-bottom:1px dotted #CFA8AC;
}

.gabarit-telechargement .cont-top.zip{
	background:url(img/fichier-zip.png) 0 0 no-repeat;
}
.gabarit-telechargement .cont-top.divers{
	background:url(img/fichier-divers.png) 0 0 no-repeat;
}
.gabarit-telechargement .cont-top.excel{
	background:url(img/fichier-excel.png) 0 0 no-repeat;
}
.gabarit-telechargement .cont-top.image{
	background:url(img/fichier-image.png) 0 0 no-repeat;
}
.gabarit-telechargement .cont-top.word{
	background:url(img/fichier-word.png) 0 0 no-repeat;
}
.gabarit-telechargement .cont-top.pdf{
	background:url(img/fichier-pdf.png) 0 0 no-repeat;
}
.gabarit-telechargement .cont-top.html{
	background:url(img/fichier-html.png) 0 0 no-repeat;
}
.form-label-obligatoire {
	color:red;
}
