@charset "utf-8";
/* CSS Document */

body
{
	background-color:#000;	
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	padding:5px 0;
	font-size:9pt;
}


#page
{
	width:995px;
	margin-left:auto;
	margin-right:auto;
	border:#8c8c8c solid 1px;
}

#head
{
	background-color:#000;
	height:117px;
}

#headCol1
{
	width:104px;
	float:left;
}
#headCol2
{
	width:653px;
	float:left;
}
#headCol3
{
	width:221px;
	float:left;
	padding-left:14px;
	padding-top:17px;
}

#headCol3 img
{
	border:none;
}

#headCol3 .sepImage
{
	margin-top:9px;
	margin-bottom:9px;
}

.divClearBoth
{
	clear:both;
	height:1px;
}



/**************** ancienne feuille de style ***********/
/*=== class couleurs ===*/
.vert {color: #649927;}
.bleu {color: #006ab3;}
.fushia {color: #e2007a;}
.orange {color: #e95d0f;}
.marron {color: #804441;}
.vertFonce {color: #396a34;}
.bleuClair {color: #009ee0;}
.cyan {color: #3f9a84;}
.violet {color: #470778;}
.jaune {color: #fdc500;}
.bleuC2 {color: #4798dd;}
.marine {color: #0a13cf;}
.cyan2 {color: #007f9e;}


#content
{
	margin:10px 0 10px;
	padding:0 10px 0 10px;
}
#content h2
{
	margin:2px 0 2px 0;
	font-size:28pt;
	text-decoration: none;
	color: #838382;
	border-bottom: 1px solid #838382;
}
#content h2 span
{
	color: #738fc3;
}
#content h2.bleu
{
	color:#5185BE;
	border-bottom: 1px solid #5185BE;
}
#content table td
{
	vertical-align:top;
}

/*** texte provisoire partie vide ***/
#content .txt-provisoire
{
	color:#5185BE;
	text-align:center;
	font-size:16pt;
	font-weight:bold;
	line-height:1.5em;
	margin:60px 0 60px 0;
}



/*=========================================================
==================)> Style pages <(========================
=========================================================*/

/*=== style tableau gabarit 1 (se restaurer, ...) ===*/
.tab01 td
{
	padding-right:10px;
}
.tab01 td h3
{
	margin-bottom:5px;
	padding:0;
}
.tab01 td ul
{
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}
.tab01 td ul a
{
	padding-left:15px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
.tab01 td ul a:hover
{
	background: url(/assets/templates/grandquartier/pict/flechelisthover.gif) left no-repeat;
}

/*... style a:hover liste services ...*/ 
.ul-vert a:hover {color: #649927;}
.ul-bleu a:hover {color: #006ab3;}
.ul-vertFonce a:hover {color: #396a34;}
.ul-bleuClair a:hover {color: #009ee0;}
.ul-orange a:hover {color: #e95d0f;}
.ul-marron a:hover {color: #804441;}
.ul-fushia a:hover {color: #e2007a;}
.ul-cyan a:hover {color: #3f9a84;}
.ul-violet a:hover {color: #470778;}
.ul-jaune a:hover {color: #fdc500;}
.ul-bleuC2 a:hover {color: #4798dd;}
.ul-marine a:hover {color: #0a13cf;}
.ul-cyan2 a:hover {color: #007f9e;}


/*===== style page "infos pratiques" =====*/
.colinfo1
{
	float:left;
	width:400px;
	padding-top:5px;
}
.colinfo2
{
	float:left;
	width:555px;
	padding-top:5px;
	margin:0 0 0 20px;
}
.colinfo1 h3, .colinfo2 h3
{
	margin-bottom:0;
	padding-bottom:0;
}
.colinfo1 p:first-child
{
	margin-top:0;
	padding-top:0;
}

/*===== style page "vos magasins" =====*/
.txtdrt
{
	text-align:right;
}
.txtdrt a {
	font-size: 12px;
	font-weight: 800;
	color: #000;
	text-decoration: none;
	padding-left:15px;
	background:url(/assets/templates/grandquartier/pict/flechelisthover.gif) left no-repeat;
}
.txtdrt a:hover 
{
	color: #e95d0f;
	text-decoration: underline;
}

/*-- tab + liste page theme --*/
.tab02 td
{
	padding-right:10px;
	vertical-align:top;
}
.tab02 td h3
{
	margin-bottom:5px;
	padding:0;
}
.tab02 td ul
{
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}
.tab02 td ul a
{
	padding-left:15px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
.tab02 td ul a:hover
{
	background: url(/assets/templates/grandquartier/pict/flechelisthover.gif) left no-repeat;
}

/*-- tab + liste page alpha --*/
.tab03 td
{
	padding:0 5px 0 5px;
	vertical-align:top;
	width:200px;
}
.tab03 td h3
{
	padding:0;
	margin: 2px;
	font-size: 11pt;
	color: #4798dd;
	border-bottom: 1px solid #4798dd;

}
.tab03 td ul
{
	list-style:none;
	margin:0 0 15px 0;
	padding:0;
}
.tab03 td ul a
{
	padding-left:15px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
.tab03 td ul a:hover
{
	color: #4798dd;
	background: url(/assets/templates/grandquartier/pict/flechelisthover.gif) left no-repeat;
}

/*===== style page "aux alentours" =====*/
.colinfo1 .txtcentre img
{
	border:none;
}

/*===== style page "restez branche" =====*/
.tab04 td
{
	padding:3px 10px 0 0px;
	vertical-align:top;
}
.tab04 td h3
{
	padding:0;
	margin:0;
	font-size: 10pt;
	color: #838382;

}
.tab04 td a
{
	color: #4798dd;
	font-weight:bold;
	font-size:8pt;
	text-decoration:none;
}
.tab04 td a:hover
{
	color: #000;
	text-decoration:underline
}
.tab04 td a img
{
	border:1px solid #000;
}
.tab04 td ul
{
	  margin:0 0 0 2px;
	  padding-left: 0px;
	  list-style : square inside;
}

/*===== style page "clients privileges" =====*/

/*--- tableau du haut ---*/
.tab05 td
{
	padding:3px 10px 0 0px;
	vertical-align:top;
}
.tab05 td h3
{
	padding:0;
	margin:0;
	font-size: 15pt;
	color:#5185BE;

}
.tab05 td ul
{
	  margin:0 0 0 120px;
	  padding-left: 0px;
	  font-size:10pt;
}
.tab05 td ul a
{
	color: #000;
	font-size:17pt;
	text-decoration:none;
}
.tab05 td ul a:hover {text-decoration:underline}

/*--- bloc "inscrivez vous" ---*/
#inscription
{
	height:73px;
	text-align:center;
	padding:0 0 0 14px;
	background:url(/assets/templates/grandquartier/pict/tab-accroche-gauche.jpg) left no-repeat;
}
#inscription h3
{
	height:73px;
	margin:0;
	padding:0;
	color:#fff;
	font-size:12pt;
	padding:0 14px 0 0;
	background:url(/assets/templates/grandquartier/pict/tab-accroche-droite.jpg) right no-repeat;
}
#inscription h3 strong
{
	font-size:18pt;
}
#inscription h3 span
{
	height:63px;
	display:block;
	padding:10px 0 0 0;
	background: url(/assets/templates/grandquartier/pict/tab-accroche-background.jpg) left repeat-x;
}

/*--- tableau du bas ---*/
.tab06 td.fleche
{
	padding-top:35px;
	background:url(/assets/templates/grandquartier/pict/tab-accroche-fleche-bas.jpg) left top no-repeat;
}
.tab06
{
	width:980px;
}
.tab06 td
{
	padding:3px 10px 0 0px;
	vertical-align:top;
}
.form01
{
	width:450px;
}
.form01 td
{
	padding:5px 0 5px 0;
}
.form01 td table td
{
	padding:0;
}
.form01 input
{
	border:none;
	border-bottom:1px solid #000;
}
.form01 label
{
	margin:0 10px 0 0;
}

.form01a input {width:155px;}
.form01b {width:230px; text-align:right;}
.form01b input {width:130px;}
.form01c input {width:360px;}
.form01d input {width:160px;}
.form01e {text-align:right;}
.form01e input {width:160px;}
.form01f input {width:160px;}
.form01g {text-align:right;} .form01g input {width:140px;}
.form01h input {width:373px;}
.form01i #enfants {width:110px;}


.tab06 fieldset
{
	width:420px;
	padding-left:40px;
	margin:10px 0 0 10px;
}
.tab06 fieldset legend
{
	font-weight:bold;
}
.obligatoire
{
	float:right;
	color:red;
	margin-top:10px;
	font-style:italic;
}

/*===== style page "nos services" =====*/
/*** colonne gauche ***/
.tabServ td:first-child
{
	width:45px;
}
.tabServ td
{
	padding:0 0 10px 0;
}
.tabServ td h3
{
	margin:0;
	padding:0;
}
.tabServ td p
{
	margin-top:0;
	padding-top:0;
}

/*** colonne droite ***/
.colserv
{
	float:left;
	width:475px;
	padding-top:5px;
	margin:0 0 0 100px;
}
.colserv h3
{
	margin:0;
	padding:0;
}
.colserv p
{
	margin:0 0 20px 0;
	padding:0;
}
.colserv ul
{
	margin:0 0 0 2px;
	padding-left: 0px;
	list-style : square inside;
}
.colserv ul a
{
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
.colserv ul a:hover
{
	color: #009ee0;
	text-decoration:underline;
}

/*===== style page "Evenements" =====*/
.tab07
{
	margin:10px 0 10px 0;
}
.tab07 td
{
	width:50%;
}
.tab07 td:first-child h3
{
	text-align:center;
	font-size:20pt;
	color:#5185BE;
}

/*===== style gabarit liste page tendances, promos ... =====*/
#list01
{
	margin:10px 0 10px;
	padding:0 10px 0 10px;
}
#list01 h2
{
	color: #e00018;
	font-weight:normal;
}

/*--- Menu onglets ---*/
.onglet01
{
	list-style:none;
	margin:0 0 0 15px;
	padding:0;
}
.onglet01 li
{
	float:left;
	padding:0;
}
.onglet01 li a
{
	text-decoration:none;
	font-size: 10pt;
	line-height: 22px;
	font-weight:bold;
	color: #5680bb;
	text-align: center;
	padding:0 5px 0 5px;
	margin:10px 2px 0 2px;
	text-decoration: none;
	border: 1px solid #dadad9;
	border-bottom:none;
	background:#bababb;
	display:block;
}
.onglet01 li a:hover, .onglet01 .onglet-on a
{
	background:#DCD2BE;
	color: #5680bb;
    border: 1px solid #d7d4cb;
	border-bottom:none;
	font-size:12pt;
	padding:5px 10px 5px 10px;
	margin:0 2px 0 2px;
}

/*--- elements liste ---*/
#list01 table
{
	background:#DCD2BE;
	padding:10px;
	margin:0 0 20px 0;
}
#list01 table td
{
	background:#F1ECE2;
	border-bottom:5px solid #DCD2BE;
	border-top:5px solid #DCD2BE;
	vertical-align:top;
}
#list01 table td:first-child
{
	width:54px;
	padding-right:10px;
}
#list01 table td:first-child img
{
	max-width:54px;
	border:none;
}
#list01 table td h3
{
	margin:5px 0 3px 0;
	padding:0;
}
#list01 table td h3 a
{
	text-decoration:none;
	color: #5680bb;
}
#list01 table td h3 a:hover{text-decoration:underline;}
#list01 table p
{
	margin:0;
	padding:0;
}
#list01 table p a
{
	color:#000;
	text-decoration:none;
}
#list01 table p a:hover {text-decoration:underline;}


/*===== style gabarit page un commerce =====*/
#list02
{
	padding:10px;
}
#list02 h2
{
	background:#E6E1D2;
	color: #e00018;
	font-size:20pt;
	margin:0;
	padding:5px 8px 0 8px;
}

/*---colonne 1 ---*/
#list02 table:first-child, #list02 table td:first-child
{
	margin:0;
	padding:0;
}
#commerce
{
	background:#E6E1D2;
	padding:10px;
	margin:0 0 10px 0;
}
#list02 #commerce .tabcom
{
	background:#fff;
	padding:5px;
}
#list02 #commerce .border01 {border-left:2px solid #E6E1D2;}
#list02 #commerce table td 
{
	padding:5px;
	vertical-align:top;
}
#list02 #commerce .tabcom td:first-child h3
{
	margin:0 0 5px 0;
	padding:0;
}
#list02 #commerce .tabcom td:first-child p
{
	margin-top:0px;
	padding-top:0px;
}
#list02 #commerce .tabcom td:first-child p a{color:#000;}
#list02 #commerce .tabcom td:first-child p a:hover {text-decoration:none;}
#list02 #commerce .tabcom td:first-child ul
{
	margin:0 0 0 2px;
	padding-left: 0px;
	list-style : square inside;
}

/*---colonne 3 ---*/
#list02 #commerce .tabcom table
{
	padding:0px 5 px 0 5px;
	margin:0;
}
#list02 #commerce .tabcom td table td
{
	padding:0px 0px 5px 0;
}
#list02 #commerce .tabcom td table td img
{
	padding:0px 0px 10px 0;
}
#list02 #commerce .tabcom td table td:first-child
{
	padding:0px 10px 0 5px;
}
#list02 #commerce .tabcom td table td h3
{
	margin:0px 0 0 0;
	padding:0;
	color: #5185be;
	font-size:10pt;
}
#list02 #commerce .tabcom td table p
{
	margin:0px;
	padding:0px;
}
#list02 #commerce .tabcom td table p a{color:#000; text-decoration:none;}
#list02 #commerce .tabcom td table p a:hover {text-decoration:underline;}
#list02 #commerce .tabcom hr
{
	background:#E6E1D2;
	height:2px;
	border:none;
	margin:0 0 10px 0px;
}

/*=============== style page "Plan du Centre" ===============*/
#plan
{
	margin:10px 0 10px;
	padding:0 10px 0 10px;
}
#plan h2
{
	margin:2px 0 2px 0;
	font-size:28pt;
	text-decoration: none;
	color: #838382;
	border-bottom: 1px solid #838382;
}
.cellule_gauche 
{
	text-align:left;
	padding:0 0 0 15px;
}
.cellule_gauche a
{
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
.cellule_droite 
{
	text-align:right;
	font-weight:bold;
}
#plan table h3
{
	color:#5185BE;
	border-bottom: 1px solid #5185BE;
	margin:0 0 5px 0;
	padding:0 0 2px 0;
	text-align:left;
	width:420px;
}









/*************** contenu **************/
#contenu
{
	width:995px;
	background-color:#FFF;
}



#logoBoutique
{
	background-color:#000;
	width:995px;
	height:45px;
}


#menubas
{
	width:972px;
	height:18px;
	background-color:#666666;
	color:#FFF;
	font-size:12px;
	padding-left:23px;
	padding-top:3px;
}

#menubas A
{
	text-decoration:none;
	color:#FFF;
}