/* Start of CMSMS style sheet 'normal' */
* { margin: 0; padding: 0; 	/*border: 1px solid #666;*/
}
/* mac hide \*/
html,body{height:100%;}
/* end hide*/
body { 
color: #77787b;
font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;

}

#page {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
}
html {
    overflow: -moz-scrollbars-vertical;
}
* html #page {
	width:960px; 
}


html {
    overflow: -moz-scrollbars-vertical;
}

a img {border: none; }

#language {position: absolute; top:155px; right:10px;width: 950px; height: 15px; color: #aaaaaa; text-align: right;z-index: 10;
font: 11px Arial, Helvetica, sans-serif;padding-top: 8px;}
#language .active {color: #ffffff;}
#language a { text-decoration: none; }
#language a:link, #language  a:visited { color: #dddddd;  text-decoration: none; }
#language a:hover {	color: #ffffff; text-decoration: none; }



#header { 
    position: absolute; right: 0px; top: 0px;
    height: 180px; 
	text-align:left;
	position:relative;
}



#logo {position: absolute; left: 0px; top: 0px;}
#logo a {width: 239px; height: 198px; display: block;}

#content { width: 960px; 
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
	padding-bottom: 0px;
	overflow: hidden; /*ie hack*/
}

#text {float:right;
display: block; 
width: 610px;   margin:0px 50px 0px 50px;
  padding-bottom: 10px;
  padding-top: 30px;

    min-height:200px;
    height:auto !important;
    height:200px;    


}


#sidecolumn {width: 230px;float:right; margin-left: 20px;  }
#lefttext{width:350px;float: left;overflow: hidden;}

.home #text {margin:0px 10px 0px 10px;width: 640px;}


#text li {margin-top: 4px;
    padding: 0px 0px 2px 20px ;list-style-type:none;
    background: url(css2/bullet.gif) no-repeat 0px 3px;
}
#text P {padding: 0px 0px 4px 0px;}


#footer { color: #cccccc; font: 9px  Verdana,sans-serif; padding-top: 10px; text-align: center;padding-bottom: 5px; background: #090F16;zoom: 1}
#footer a {color: #cccccc;}
#footer p {display: inline; margin-right: 10px;}

#slogan {width: 239px; background: url(css2/slogan-fr.jpg) no-repeat top left;
    padding: 0px;
    height:257px;   margin: 218px 0px 0px 0px;
}

#menu {width: 239px; background: url(css2/bgmenu.jpg) no-repeat top left;padding-top: 0px;float:left;
    min-height:520px;
    height:auto !important;
    height:520px;   
}

#menu ul {    list-style: none outside;margin: 0; padding: 0;}
#menu li {
    font: 18px/1.4 Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0px;
    color: #ffffff; text-transform: lowercase; zoom:1;
}
#menu li li, #menu li li li, #menu li li li li { font: bold 12px/1.2 Verdana, Arial, Helvetica, sans-serif; text-transform: none;
    margin: 0px;
    padding: 0px;
    
}
#menu li { background: url(css2/menuseparator.gif) no-repeat bottom left;}
/* width= 239- adding de li a*/
#menu li a, #menu li p {padding-left: 38px;width:201px;margin: 0; padding-top: 4px; padding-bottom: 1px;} /*padding bottom for ie*/
#menu li a {padding-top: 10px; padding-bottom: 10px; }
#menu li li a,  #menu li li p {padding: 4px 15px 4px 50px;width:174px; border: none;}
#menu li li li a, #menu li li li p {padding: 4px 15px 4px 70px;width:154px;border: none; }

#menu li li {background: url(css2/bgmenulev2.gif) no-repeat 0px 6px;}
#menu li li li {background: none;font-size: 12px;}
/*#menu li li.activeparent {background: url(css2/bgmenulev2active.gif) no-repeat 0px 6px;}*/
#menu a { text-decoration: none; display: block;}
#menu a:link, #menu  a:visited { color: #ffffff;  text-decoration: none; }
#menu a.currentpage, #menu a.currentpage:visited   {	background: #C20F37 url(css2/menuselected.gif) no-repeat center right;}
#menu li a:hover {	background: #C20F37 url(css2/menuseparator.gif) no-repeat bottom left;} /*add again dots*/
#menu li li a:hover, #menu li li li a:hover {	background: #C20F37}
#menu li.activeparent {background: #AD0E37  url(css2/menuseparator.gif) no-repeat bottom left;}




body#style0, body#style1, body#style2, body#style3 {text-align: center; background: #090F16 url(css2/bgbody.jpg) repeat-x top left}







#page {background: #ffffff url(css2/bgpage.gif) repeat-y bottom left;}


#header {background: url(css2/header0.jpg) no-repeat top right;} /*default*/
#style0 #header {background: url(css2/header0.jpg) no-repeat top right;}
#style1 #header {background: url(css2/header0.jpg) no-repeat top right;}
#style2 #header {background: url(css2/header0.jpg) no-repeat top right;}
#style3 #header {background: url(css2/header0.jpg) no-repeat top right;}

.NewsSummary .date {font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FDFBEC; margin-bottom: 8px;text-align:right;}
.NewsSummary .title {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #ffffff; margin-bottom: 4px;}
.NewsSummary .summary {margin-bottom: 8px;}
.NewsSummary .more {margin-bottom: 20px; }
#NewsPostDetailReturnLink {margin-top: 10px;  background: url(css2/bullet.gif) no-repeat 0px 3px; padding-left: 20px;}



:link, :visited {color: #666666;}
:link:hover, :visited:hover {color: #999999;}
:link:active, :link:active {color: #999999;}

.prettybox {background: #5C7F95 url(css2/bgbox.jpg) no-repeat bottom left;color: #FFFDE2; margin-bottom: 10px; font-size: 11px;}
.prettybox h2 {
  font: bold 12px/1.5 Verdana, Helvetica, sans-serif;
  margin-bottom: 10px;
color: #ffffff 
}

/*.more a, .prettybox a.sidelink{background: url(css2/arrowprettybox.gif) no-repeat top right;display: block; height: 13px; padding-right: 20px; text-align: right; color: #ffffff}*/
#latestnews a, #vopratique a {background: url(css2/arrowprettybox.gif) no-repeat top right;display: block; height: 13px; padding-right: 20px; text-align: right; color: #ffffff}
#latestnews a a:hover,  #latestnews a a:active,#vopratique a a:hover,  #vopratique a a:active {color: #ffffff}

.more a:hover, .more a:active, .prettybox a.sidelink:hover,  .prettybox a.sidelink:active {color: #ffffff}
#vopratique, #latestnews, #info {padding: 20px 20px 40px 20px;
min-height:200px;
height:auto !important;
height:200px; }
#vopratique {background: url(css2/decosidebox-directions.gif) no-repeat bottom left;}
#latestnews {background: url(css2/decosidebox-calendar.gif) no-repeat bottom left;}
#info  {background: url(css2/decosidebox-info.gif) no-repeat bottom left;}
#info H2, #info P, #info UL {padding-left: 30px;}
#info img {padding-bottom: 10px;}
#info {padding-bottom: 60px;}



a img {border: none; }

H1 {
font: 18px/1.2 Arial, Helvetica, sans-serif; 
text-transform: uppercase;
color: #632737; margin: 5px 0px 20px 0px;}


h2 {
  font: bold 14px/1.5 Arial, Helvetica, sans-serif;
  margin-bottom: 4px;
color: #AD0E37; 
}

h3 {
  font: bold 12px/1.5 Arial, Helvetica, sans-serif;
  margin-bottom: 4px;
color: #AD0E37; 
}

hr {margin: 20px 0px;
border: 0;
color: #9E9E9E;
background-color: #9E9E9E;
height: 1px;
width: 100%;
text-align: left;
}

body .separator {height: 1px; background: url(css2/separator.gif) repeat-x top left; margin: 20px 0px 20px 0px}


.image_a_droite { float: right; padding: 4px 0px 4px 4px}
.image_a_gauche { float: left;  padding: 4px 4px 0px 4px}
.vertical_spacing {margin-top: 10px; margin-bottom: 10px;}
.big_text {text-align:center; color: #1B3149; font-size: 14px; font-weight: bold;}

table.deux_cols {width:100%; border-spacing: 5px; margin: 0; padding: 0;}
table.deux_cols td { width: 50%; vertical-align: top;padding: 10px; background: #f0f0f0; border: 1px solid #cccccc}



.newsletterform {margin-top: 10px;}
.newsletterform label {font-size: 11px; margin-bottom: 4px; display: block;}
.newsletterform input {border: 1px solid #cccccc; background: #F6F6F6 url(css2/bgform.gif) repeat-x top left; width: 165px;padding:3px 2px 1px 2px; font: 11px Arial, Helvetica, sans-serif; color: #000000;}
.newsletterform .submit, .newsletterform .required {display: inline;}
.newsletterform .submit input {background:#D9113C url(css2/buttonarrow.gif) no-repeat top left; width: 20px;padding:0px; cursor: pointer; border: none;height: 20px; }


.brandlist select {border: 1px solid #cccccc; background: #F6F6F6; width: 324px;padding:0px; font: 14px Arial, Helvetica, sans-serif; color: #000000;float: left;}
.brandlist input {background:url(css2/buttonarrow.gif) no-repeat top left; width: 20px;padding:0px; cursor: pointer; border: none;height: 20px; margin-left: 5px;float: right; }


.contactform {margin-top: 5px;}
.contactform label {font-size: 11px; margin-bottom: 2px; margin-top: 20px;display:block;}
.contactform input, .contactform textarea  {border: 1px solid #cccccc; background: #f5f5f5; width: 400px;padding:2px; font: 11px Arial, Helvetica, sans-serif; color: #000000;}
.contactform .submit input {background: url(css2/bgbox.jpg) repeat-x bottom left; width: 405px;padding:0px; cursor: pointer;color: #ffffff; font: bold 12px Arial, Helvetica, sans-serif; margin-top: 10px;padding:20px;}
.contactform .submit input:hover {background:#C84D62; }


/* End of 'normal' */