@charset "utf-8";
/*-------------------------
feuille de style principale
---------------------------
-- haut -------------------
*/
#header {
	position: relative;
	margin: 0 auto;
	width: 900px;
	height: 291px;
}
/*
-- contenu --------------
*/
#contenu {
	width: 900px;
	height:1050px;
	position: relative;
	top: -18px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/*
-- logo -------------------
*/
#logo {
	width: 255px;
	height: 201px;
	position: absolute;
	top: 2px;
	left: 0px;
}
/*
-- slogan -------------------
*/
#slogan {
	width: 645px;
	height: 31px;
	position: absolute;
	top: 2px;
	left: 254px;
	z-index: 1;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #FFFFFF;
	background-color: #CE120C;
	
}
/*
-- texte slogan -------------------
*/
#texte_slogan h2{
	margin-top:0;
	width: 541px;
	height: 16px;
	position: absolute;
	top: 10px;
	left: 21px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #FFFFFF;
	background-color: #CE120C;
	font-weight:normal;
}

/*
-- haut -------------------
*/
#haut_1 {
	width: 645px;
	height: 172px;
	position: absolute;
	top: 31px;
	left: 254px;
}/*
-- haut -------------------
*/
#haut {
	width: 680px;
	height: 201px;
	position: absolute;
	top: 2px;
	left: 219px;
}/*
-- image1 -------------------
*/
#image1 {
	width: 10px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 0px;
}
/*
-- image2 -------------------
*/
#image2 {
	width: 80px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 490px;
}
/*
-- image3 -------------------
*/
#image3 {
	width: 80px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 89px;
}
#image3a{
	width: 80px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 89px;
}
/*
-- image4 -------------------
*/
#image4 {
	width: 80px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 169px;
}
/*
-- image4 -------------------
*/
#image4a {
	width: 80px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 169px;
}
/*
-- image5 -------------------
*/
#image5 {
	width: 81px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 249px;	
}
/*
-- image5a -------------------
*/
#image5a {
	width: 81px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 249px;	
}
/*
-- image6 -------------------
*/
#image6 {
	width: 80px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 330px;	
}
/*
-- image6a -------------------
*/
#image6a {
	width: 80px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 330px;	
}
/*
-- image7 -------------------
*/
#image7 {
	width: 80px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 410px;	
}
/*
-- image7 -------------------
*/
#image7a {
	width: 80px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 410px;	
}
/*
-- image8 -------------------
*/
#image8 {
	width: 80px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 490px;	
}
/*
-- image8 -------------------
*/
#image8a {
	width: 80px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 490px;	
}
/*
-- image9 -------------------
*/
#image9 {
	width: 80px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 570px;	
}
/*
-- image9 -------------------
*/
#image9a {
	width: 80px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 570px;	
}
/*
-- image10 -------------------
*/
#image10 {
	width: 80px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 650px;	
}
/*
-- image10 -------------------
*/
#image10a {
	width: 80px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 650px;	
}
/*
-- image11 -------------------
*/
#image11 {
	width: 80px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 730px;	
}
/*
-- image11a -------------------
*/
#image11a {
	width: 80px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 730px;	
}
/*
-- image12 -------------------
*/
#image12 {
	width: 80px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 810px;	
}
/*
-- image12 -------------------
*/
#image12a {
	width: 80px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 810px;	
}
/*
-- image13 -------------------
*/
#image13 {
	width: 9px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 890px;	
}
/*
-- image2 -------------------
*/
#image14 {
	width: 79px;
	height: 88px;
	position: absolute;
	top: 203px;
	left: 10px;
}

/*
-- menu -------------------
*/
#menu {
	width: 895px;
	height: 73px;
	position: absolute;
	top: 291px;
	left: 0px;
	z-index: 100;
}
/*
-- menu -------------------
*/
#menu1{
	width: 685px;
	height: 73px;
	position: absolute;
	top: 291px;
	left: 109px;
	z-index: 200;
}
/*
-- centre -------------------
*/
#centre{
	width: 382px;
	height: 339px;
	position: absolute;
	top: 364px;
	left: 222px;	
}

#acc_boutique{
	width: 354px;
	height: 339px;
	position: absolute;
	top: 364px;
	left: 222px;	
}
/*
-- 	accroche -------------------
*/
#accroche{
	width: 248px;
	height: 175px;
	position: absolute;
	top: 363px;
	left: 620px;
}

#accroche_acc_boutique{
	width: 248px;
	height: 175px;
	position: absolute;
	top: 363px;
	left: 620px;
}

#accroche_acc_boutique h1{
font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #red;
	font-weight:bold;
	}
/*
-- page -------------------
*/
#page{
	width: 656px;
	height: 573px;
	position: absolute;
	top: 370px;
	left: 224px;
}
#page h1{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #404040;
	font-weight:bold;
}
/*
-- page1-------------------
*/
#page1{
	width: 656px;
	height: 633px;
	position: absolute;
	top:376px;
	left: 224px;
	overflow: hidden;
	
}

#page1 h1{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #404040;
	font-weight:bold;
}

/*
-- titre contact -------------------
*/
#titre_contact{
	width: 147px;
	height: 18px;
	position: absolute;
	top: 387px;
	left: 69px;
	z-index: 1;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;			
}
/*
-- bandeau_bas --------------
*/
#bandeau_bas{
	width: 214px;
	height: 63px;
	position: absolute;
	top: 702px;
	left: 232px;		
}

#bandeau_bas_boutik{
	width: 214px;
	height: 63px;
	position: absolute;
	top: 702px;
	left: 232px;		
}
/*
-- bandeau_bas2 --------------
*/
#bandeau_bas2{
	width: 214px;
	height: 127px;
	position: absolute;
	top: 766px;
	left: 232px;		
}

#bandeau_bas2_boutik{
	width: 214px;
	height: 127px;
	position: absolute;
	top: 766px;
	left: 232px;		
}
/*
-- bandeau_bas3 --------------
*/
#bandeau_bas3{
	width: 214px;
	height: 127px;
	position: absolute;
	top: 766px;
	left: 449px;		
}

#bandeau_bas3_boutik{
	width: 214px;
	height: 127px;
	position: absolute;
	top: 766px;
	left: 449px;		
}

/*
-- bandeau_bas4 --------------
*/
#bandeau_bas4{
	width: 214px;
	height: 63px;
	position: absolute;
	top: 702px;
	left: 449px;		
}

#bandeau_bas4_boutik{
	width: 214px;
	height: 63px;
	position: absolute;
	top: 702px;
	left: 449px;		
}
/*
-- bandeau_bas5 --------------
*/
#bandeau_bas5{
	width: 214px;
	height: 127px;
	position: absolute;
	top: 766px;
	left: 666px;		
}
/*deja vu*/
#bandeau_bas5_boutik{
	width: 214px;
	height: 127px;
	position: absolute;
	top: 766px;
	left: 666px;		
}

/*
-- bandeau_bas6 --------------
*/
#bandeau_bas6{
	width: 214px;
	height: 63px;
	position: absolute;
	top: 702px;
	left: 666px;		
}

#bandeau_bas6_boutik{
	width: 214px;
	height: 63px;
	position: absolute;
	top: 702px;
	left: 666px;		
}
/*
-- offre -------------------
*/
#offre{
	width: 247px;
	height: 153px;
	position: absolute;
	top: 542px;
	left: 616px;
}
/*

-- offre -------------------
*/
#offre_acc_boutique{
	width: 247px;
	height: 153px;
	position: absolute;
	top: 542px;
	left: 616px;
}
/*
-- bandeau_coin -------------------
*/
#bandeau_coin{
	width: 24px;
	height: 20px;
	position: absolute;
	top: 379px;
	left: 192px;	
}
/*
-- tableau--------------------------
*/
table {
	border-width: 3px; 
	border-style: solid; 
	border-color: #CE120C;
	width: 95%;
	margin: auto;
	border-collapse: collapse;
	
	
}

thead { 
	border-width: 3px;
	border-style: solid; 
	border-collapse: collapse;
	border-color: #CE120C;
    background-color: #ECECEC;
	font-weight: bold;  
}

th { 
	border-width: 3px;
	border-style: solid; 
	border-color: #CE120C;
    background-color: #ECECEC;
	text-align: center;
	
	  
}

td { 
	border-width: 1px;
	border-style: solid; 
	border-color: #C0C0C0;
	text-align: center;
}
/*
-- plan-------------------
*/
#plan{
	width: 170px;
	height: 133px;
	position: absolute;
	top: 86px;
	left: 10px;
}
/*
-- liens -------------------
*/

div#bandeau_bas3_boutik a {
    display: block;
    width: 100%;
    height: 100%;
}

div#bandeau_bas4_boutik a {
    display: block;
    width: 100%;
    height: 100%;
}

div#bandeau_bas5 a {
    display: block;
    width: 100%;
    height: 100%;
}
/*deja vu */
div#bandeau_bas5_boutik a {
    display: block;
    width: 100%;
    height: 100%;
}
/*
-- liens -------------------
*/
div#bandeau_bas6 a {
    display: block;
    width: 100%;
    height: 100%;
}

div#bandeau_bas6_boutik a {
    display: block;
    width: 100%;
    height: 100%;
}
/*
-- liens -----------
*/
.lien_active_item {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 1em;
    font-weight: normal;
    color:#000000;
    text-decoration: none;
}
.lien_item {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 1em;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;  
}
.lien_item:hover {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 1em;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}
/*
-- footer -------------------
*/
#footer {
	width: 450px;
	height: 23px;
	position: absolute;
	top: 8px;
	left: 440px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	z-index: 1;
}



#footerRef {
	width: 900px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #888787;
	font-weight: bold;
	line-height: inherit;
}

#footerRef a, #footerRef a:visited, #footerRef a:hover {
	color: #888787;
}

/*
-- liens1 -----------
*/
.lien1_active_item {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 1em;
    font-weight: normal;
    color:#CE120C;
    text-decoration: none;
}
.lien1_item {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 1em;
    font-weight: normal;
    color: #404040;
    text-decoration: none;  
}
.lien1_item:hover {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 1em;
    font-weight: normal;
    color: #CE120C;
    text-decoration: none;
}
/*
-- texte --------------
*/
#texte{
	width: 179px;
	height: 73px;
	position: absolute;
	/*top: 238px;*/
	top:306px;
	left: 4px;
	background-color: #ECECEC;
}
/*
-- liens2 -----------
*/
.lien2_active_item {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 1em;
    font-weight: bold;  
    color:#404040;
    text-decoration: none;
}
.lien2_item {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 1em;
    font-weight: bold;
    color: #CE120C;
    text-decoration: none;  
}
.lien2_item:hover {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 1em;
    font-weight: bold;
    color: #404040;
    text-decoration: none;
}
.texte_bas_1 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 0.8em;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
 }
 
 /*
-- Menu -----------
*/
 
#nav {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#nav li {
    float: left; 
    width: 170px;
}
#nav li a {
    display: block;
    background: url(../images/menu21b.jpg) left top no-repeat;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    line-height: 73px;				
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
}
#nav li a:hover, #nav li a:focus, #nav li a:active {
    background: url(../images/menu21a.jpg) left top no-repeat;
    text-decoration: none;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    color: #00B7EB;
}
 /*
 -- navigation bas de page --
 */
 

 
#navbas {
	left:224px;
	height:20px;
	width:656px;
	top: 1015px;
}
   
#navbas table {
	border-width: 3px; 
	border-style: solid; 
	border-color: #ffffff;
	margin: auto;
	border-collapse: collapse;
}

#baseline {
	height: 50px;
	width: 656px;
	position: absolute;
	left: 224px;
	top: 960px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: normal;
}


#navbas thead { 
	border-width: 3px;
	border-style: solid; 
	border-collapse: collapse;
	border-color: #ffffff;
    background-color: #ECECEC;
	font-weight: bold;  
}

#navbas th { 
	border-width: 3px;
	border-style: solid; 
	border-color: #ffffff;
    background-color: #ECECEC;
	text-align: center;
}

#navbas td { 
	border-width: 1px;
	border-style: solid; 
	border-color: #ffffff;
	text-align: center;
}
#navbas a {

font-family: Geneva,Arial,Helvetica,sans-serif;
font-style: normal;
font-size: 1em;
font-weight: bold;
color: #ce120c;
text-decoration: none;

}

#navbas a:hover {

font-family: Geneva,Arial,Helvetica,sans-serif;
font-style: normal;
font-size: 1em;
font-weight: bold;
color: #404040;
text-decoration: none;
}

#baselineAcc {
	height: 50px;
	width: 656px;
	position: absolute;
	left: 224px;
	top: 900px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	line-height: normal;
	text-align:center;
}

#baselineAcc a {

font-family: Geneva,Arial,Helvetica,sans-serif;
font-style: normal;
font-size: 1em;
font-weight: bold;
color: #ce120c;
text-decoration: none;

}

#baselineAcc a:hover {

font-family: Geneva,Arial,Helvetica,sans-serif;
font-style: normal;
font-size: 1em;
font-weight: bold;
color: #404040;
text-decoration: none;
}