*
{
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}

a
{
color: #0052A5;
background-color: #FFFFFF;
}

a.foot
{
color: #C0C0C0;
background-color: #FFFFFF;
font-size: 10px;
}

a.foot:hover
{
color: #0052A5;
background-color: #FFFFFF;
}

body
{
font-family: "Century Gothic", sans-serif;
font-size: 13px;
}

h1,
h3
{
color: #A02443;
background-color: #FFFFFF;
}

h2,
h4
{
color: #0052A5;
background-color: #FFFFFF;
}

h3.promo
{
width: 650px;
}

h4.pasbold
{
font-weight: normal;
padding-top: 10px;
padding-bottom: 10px;
font-size: 13px;
}

h1.titre,
h2.titre,
h3.titre,
h4.titre
{
text-align: center;
}

div
{
width: 800px;
}

img
{
border-width: 0px;
}

img.float
{
margin-right: 5px;
float: left;
}

p.cart
{
text-align: left;
padding-bottom: 1px;
}

p.cartt
{
text-align: left;
padding-bottom: 1px;
font-weight: bold;
color: #A02443;
}

p.out
{
text-align: center;
padding-bottom: 1px;
font-weight: bold;
color: #A02443;
}

p.promogros
{
text-align: left;
padding-bottom: 1px;
font-weight: bold;
color: #A02443;
}

p.readme
{
text-align: justify;
width: 700px;
font-weight: bold;
color: #0052A5;
background-color: #FFFFFF;
}

p.readmeblack
{
text-align: justify;
padding-right: 10px;
color: #000000;
background-color: #FFFFFF;
}

p.readme700
{
text-align: justify;
width: 700px;
color: #000000;
background-color: #FFFFFF;
}

p.readmered
{
text-align: justify;
width: 700px;
font-weight: bold;
color: #A02443;
background-color: #FFFFFF;
}

p.readred
{
text-align: left;
font-weight: bold;
color: #A02443;
background-color: #FFFFFF;
padding-left: 5px;
}

p.readblack
{
text-align: left;
color: #000000;
background-color: #FFFFFF;
}

p.choix
{
text-align: center;
color: #000000;
background-color: #FFFFFF;
}

p.right
{
text-align: right;
width: 700px;
color: #000000;
background-color: #FFFFFF;
}

p.thinright
{
text-align: right;
width: 500px;
color: #000000;
background-color: #FFFFFF;
}

p.mesure
{
width: 750px;
text-align: left;
}

hr.region
{
color: #C0C0C0;
background-color: #C0C0C0;
height: 1px;
border: none
}

p.region
{
padding-left: 7px;
color: #0052A5;
background-color: #FFFFFF;
font-size: 9px;
font-weight: bold;
text-align: left;
}

p.foot
{
color: #C0C0C0;
background-color: #FFFFFF;
font-size: 8px;
font-weight: normal;
text-align: center;
}

p.top
{
color: #C0C0C0;
background-color: #FFFFFF;
font-weight: normal;
text-align: right;
width: 700px;
}

p.distr
{
padding-left: 5px;
color: #000000;
background-color: #FFFFFF;
}

p.distrnom
{
font-size: 12px;
font-weight: bold;
color: #0052A5;
background-color: #FFFFFF;
}

table.langue
{
text-align: center;
width: 800px;
border-collapse: collapse;
}

td.langue
{
vertical-align: bottom;
border-width: 0px;
margin: 0px;
padding: 0px;
}

table.mesure
{
text-align: center;
width: 700px;
border-collapse: collapse;
font-size: 14px;
}

td.mesure
{
color: #000000;
background-color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #A02443;
}

table.item
{
text-align: center;
border-collapse: collapse;
}

td.item
{
border-width: 0px;
margin: 0px;
padding: 3px;
}

table.boutique1
{
border-collapse: collapse;
color: #000000;
background-color: #FFFFFF;
width: 760px;
}

td.boutique1photo
{
padding: 1px;
border-style: none;
width: 200px;
}

td.gauche
{
border-style: none;
text-align: left;
width: 380px;
}

td.droite
{
border-style: none;
text-align: right;
width: 380px;
}

td.adroite
{
text-align: right;
}

table.head
{
width: 800px;
color: #000000;
background-color: #FFFFFF;
border-collapse: collapse;
}

td.head
{
border-width: 0px;
text-align: center;
vertical-align: top;
width: 800px;
}

table.news
{
width: 785px;
border-collapse: collapse;
}

table.events
{
width: 700px;
border-collapse: collapse;
}

td.news
{
color: #000000;
background-color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #A02443;
padding-left: 1px;
text-align: left;
}

td.newsdate
{
border-width: 1px;
border-style: solid;
border-color: #A02443;
font-weight: bold;
text-align: center;
width: 145px;
color: #0052A5;
background-color: #FFFFFF;
vertical-align: top;
}

table.distr
{
border-collapse: collapse;
width: 785px;
}

td.distrphoto
{
text-align: center;
padding: 1px;
border-style: none;
width: 250px;
}

td.pressephoto
{
text-align: center;
padding: 1px;
border-style: none;
width: 300px;
}

td.distrville
{
border-style: none;
text-align: left;
vertical-align: middle;
width: 200px;
}

/***************************************************************/
/********************************************* CSS Popout Menu */

td.sousmenu
{
border-style: none;
border-width: 0px;
height: 0px;
width: 800px;
}

#menu
{
width: 800px;
float: none;
}

#menu h2 a
{
text-decoration: none;
display:block;
font-size: 10px;
font-weight: normal;
border-style: solid;
border-width: 1px;
border-color: #A02443;
color: #0052A5;
background-color: #FFC726;
text-align: center;
white-space: nowrap;
}

/********************************************* au repos */

#menu h2 a:hover
{
color: #FFC726;
background-color: #A02443;
text-align: center;
}

/********************************************* drop down - en-tête sélectionée */

#menu a
{
text-decoration: none;
display:block;
font-size: 10px;
font-weight: normal;
border-style: solid;
border-width: 1px;
border-color: #A02443;
color: #FFC726;
background-color: #0052A5;
text-align: center;
white-space: nowrap;
}

/********************************************* hover et click sur un des éléments du drop down */
#menu a:hover,
#menu a:active
{
color: #FFC726;
background-color: #A02443;
}

/********************************************* style */
#menu ul
{
list-style: none;
float: left;
width: 114px;
}

#menu li
{
position: relative;
}

#menu ul li
{
float:left;
width:113px;
}

#menu ul ul
{
position: absolute;
z-index: 500;
top: auto;
display: none;
}

#menu ul ul ul
{
top:0px;
left:100%;
}

/********************************************* hover sur entête */
div#menu h2:hover
{
background:#A02443;
color:#FFC726;
}

div#menu li:hover
{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{
display:none;
}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{
display:block;
}

/********************************************** x */

#menu a.x,
#menu a.x:visited{
color:#0052A5;
background-color:#FFC726;
}

#menu a.x:hover
{
color: #FFC726;
background-color: #A02443;
}

#menu a.x:active
{
color: #FFC726;
background-color: #A02443;
}