/* RESET FROM http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 1px dotted #333333;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* END RESET */

/* test layout */
/*#page     {outline:2px dashed green;}*/
/*#header, #menu, #subheader, #footer, #content   {outline:2px dashed blue;}*/
/*#logo, #newsletter, #baseline, #sunpoint, #langswitcher, #footer-logohexagone, #footer-main, #footer-logoagencepix {outline:1px dotted red;}*/
/* end test layout */

.clear {
  clear                 : both;
}

em {
  font-size             : 0.9em;
}

strong {
  font-weight           : bolder;
}

label {
  cursor                : pointer;
}

body {
  background            : #685C53 url(../images/template/bg_body.png) repeat center center;
  font-family           : arial, helvetica, sans-serif;
}

#contentdirectaccess {
  position              : absolute;
  top                   : -50px;
}

#page {
  width                 : 900px;
  margin                : 0 auto;
}

#header {
  height                : 92px;
  border                : 5px solid #AFA79F;
  border-width          : 0 5px;
  background            : #AFA79F url(../images/template/bg.png) repeat-x 0 -16px;
  color                 : #FFFFFF;
  position              : relative;
}

#logo {
  top                   : 7px;
  left                  : 21px;
  position              : absolute;
}

#langswitcher {
  top                   : 10px;
  right                 : 14px;
  position              : absolute;
}

#sunpoint {
  top                   : 0;
  right                 : 70px;
  position              : absolute;
  background            : url(../images/template/bg_sunpoint.gif) no-repeat center top;
  width                 : 143px;
  height                : 90px;
  text-align            : center;
  font-weight           : bolder;
  line-height           : 18px;
  text-transform        : uppercase;
}
#sunpoint .sunpoint-days {
  font-size             : 17px;
}
#sunpoint .sunpoint-month {
  font-size             : 12px;
}
#sunpoint .sunpoint-place {
  font-size             : 13px;
}
#sunpoint .sunpoint-city {
  font-size             : 11px;
  font-weight           : normal;
}

#baseline {
  top                   : 20px;
  left                  : 255px;
  position              : absolute;
  font-size             : 16px;
  margin-bottom         : 10px;
}
#baseline .title {
  font-size             : 20px;
}
#baseline a, #baseline a:link, #baseline a:visited, #baseline a:hover, #baseline a:active, #baseline a:focus {
  color                 : #FFFFFF;
  cursor                : default;
  text-decoration       : none;
  outline               : none;
}

#subheader {
  height                : 301px;
  background            : #685C53 url(../media/homepage/visuel.jpg) no-repeat center center;
  color                 : #FFFFFF;
  border                : 5px solid #AFA79F;
  font-size             : 35px;
}
#subheader a, #subheader a:link, #subheader a:visited, #subheader a:hover, #subheader a:active, #baseline a:focus {
  color                 : #FFFFFF;
  cursor                : default;
  text-decoration       : none;
  outline               : none;
}

#subheader2 {
  color                 : #FFFFFF;
  font-size             : 35px;
}

#precontent {
  height                : 20px;
  background-color      : #dcd9d5;
  border                : 5px solid #AFA79F;
  border-width          : 0 5px;
}

#footer-container {
	border:5px solid #AFA79F;
	background : #DDD9D6;
	border-top : none;
}

#footer {
	height : 76px;
	border : 1px solid #999999;
	padding : 1px;
	margin : 0 5px 10px;
  position              : relative;
}
#footer-content {
  background : #EBEBEB url(../images/bg-footer.png) repeat-x 0 center;
  height : 76px;
}
/*
#footer {
  position              : relative;
  height                : 70px;
  background            : #DDD9D6 url(../images/template/bg_footer.png) repeat-x center 40px;
  border                : 5px solid #AFA79F;
  border-width          : 0 5px;
  color                 : #FFFFFF;
}

#footer p, #footer address {
  line-height           : 1.5em;
  font-size             : 9px;
  padding               : 0 5px;
}
#footer-logohexagone {
  background-color      : #AFA79F;
  width                 : 97px;
  padding-left          : 6px;
  padding-top           : 15px;
  height                : 40px;
  position              : absolute;
  left                  : 0;
}*/
#footer a, #footer a:link, #footer a:visited {color:#5f5f5f;text-decoration:none;}
#footer a:hover, #footer a:active {text-decoration:underline;}
#footer-main {
  position              : absolute;
  left                  : 0;
  width : 637px;
  color : #5f5f5f;
  font-size             : 12px;
  padding : 20px 0 0 20px;
  line-height           : 1.7em;
}
#footer-logoagencepix {
  background            : url(../images/logo-agencepix.png);
  display : block;
  text-indent : -9999px;
  width                 : 198px;
  height                : 76px;
  position              : absolute;
  right                 : 0;
  text-align            : center;
}

#menu {
margin-top:5px;
height:36px;
position:relative; 
font-size:11px;
z-index:500;
}

#menu .select {
margin:0; 
list-style:none; 
white-space:nowrap;
}

#menu li {
  float:left;
  padding-right:4px; 
}

#menu li.menu-last {
  padding-right:0; 
  float:right;
}

#menu .select a {
  display:block; 
  height:36px;
  width: 125px;
  float:left; 
  text-decoration:none;
  line-height:36px; 
  color:#FFFFFF;
  background:#08cdfa url(../images/template/bg.png) repeat-x 0 -108px;
  font-size:15px;
  text-align:center;
}

#menu .select a b {}

#menu .select a:hover, #menu .select a:focus,
#menu .select li:hover a, #menu .select li:focus a {background:#08cdfa url(../images/template/bg.png) repeat-x 0 -144px;}

#menu .select a:hover b, 
#menu .select li:hover a b {}

#menu .sub {
  display:none;
}

/* IE6 only */
#menu table {
  border-collapse:collapse; 
  margin:-1px; 
  font-size:1em; 
  width:100%;
  height:0;
}

#menu .sub {}
#menu .sub li {}

#menu .select :hover .sub, #menu .select :focus .sub {
  background:#08cdfa;
  width:900px;
  list-style:none;
  height:26px;
  display:block; 
  position:absolute;
  float:left;
  top:36px; 
  left:0; 
  text-align:center;
  color:#FFFFFF;
  line-height:26px;
}

#menu .select :hover .sub li a, #menu .select :focus .sub li a {
  display:block;
  height:26px; 
  width:auto;
  line-height:26px; 
  float:left; 
  padding:0; 
  margin:0 7px; 
  color:#FFFFFF; 
  font-size:10px;
  background-image:none;
}

#menu .select :hover .sub li a:hover 
{color:#FFFFFF; text-decoration:underline; }
/* END MENU */

#content {
  border                : 5px solid #AFA79F;
  border-width          : 0 5px;
  background            : #DDD9D6;
  padding               : 10px 5px;
  font-size             : 0.8em;
}

.quarter-box, .third-box {
  background            : #FFFFFF;
  border                : 5px solid #FFFFFF;
  margin                : 0 2px 10px;
  width                 : 206px;
  height                : 321px;
  float                 : left;
}

.quarter-box h1, .third-box h1 {
  background            : #AFA79F;
  color                 : #FFFFFF;
  height                : 44px;
  line-height           : 38px;
  font-size             : 30px;
  text-align            : right;
  font-weight           : bolder;
  padding-right         : 5px;
  margin-bottom         : 3px;
  border                : none;
}

.quarter-box h2, .third-box h2 {
  background            : #AFA79F url(../images/template/fleche.gif) no-repeat 5px center;
  color                 : #FFFFFF;
  font-size             : 13px;
  text-align            : left;
  padding               : 7px 5px 7px 40px;
  margin                : 3px 0;
  border                : none;
  font-weight           : normal;
  height                : auto;
  line-height           : 1em;
}

.third-box {
  width                 : 277px;
  margin                : 0 3px 10px;
}

.purple h1 {background : #9425b2 url(../images/template/bg.png) repeat-x 0 -180px;}
.green h1 {background : #00d387 url(../images/template/bg.png) repeat-x 0 -224px;}
.grey h1 {background : #818181 url(../images/template/bg.png) repeat-x 0 -268px;}
.pink h1 {background : #da006e url(../images/template/bg.png) repeat-x 0 -312px;}

.purple h2 {background-color : #9425b2;}
.green h2 {background-color : #00d387;}
.grey h2 {background-color : #818181;}
.pink h2 {background-color : #da006e;}

.news {
  background            : #FFFFFF url(../images/template/bg_news.png) no-repeat left top;
  padding               : 15px 15px 15px 40px;
  margin                : 0 2px 10px; 
}

.news h1 {
  background            : #FFFFFF;
  color                 : #ff9a00;
  border                : none;
  height                : 15px;
  line-height           : 15px;
  font-size             : 1em;
  font-weight           : bolder;
  padding-left          : 0;
  margin-bottom         : 0;
}

.news h1 a {
  color                 : #ff9a00;
  font-weight           : bolder;
  font-size             : 1.1em;
}

.link a {
  background            : #9425b2 url(../images/template/smallarray.gif) no-repeat 3px center;
  display               : block;
  margin                : 4px 0;
  line-height           : 16px;
  font-size             : 1em;
  padding               : 0 3px 0 11px;
  color                 : #FFFFFF !important;
}

#search-field {
	margin : 5px;
}

.search-link a {
	border-bottom : 1px solid #cc9edb;
	border-top : 1px solid #f8eafc;
	color : #9427b3 !important;
  display               : block;
  line-height           : 26px;
  font-size             : 1em;
  padding               : 0 3px 0 11px;
  background            : url(../images/template/smallarray.gif) no-repeat 3px center;
}

.search-link .first a {
  border-top : none;
}

.search-link .last a {
  border-bottom : none;
}

a.pdf {
  background            : #FFFFFF url(../images/template/icon_pdf.png) no-repeat 3px center;
  display               : block;
  margin                : 2px 0;
  line-height           : 16px;
  height                : 16px;
  font-size             : 1em;
  padding               : 0 3px 0 25px;
  color                 : #000000;
}

a.pdf:hover {
  color                 : #000000 !important;
  text-decoration       : none;
}

.savoirplus {
  float                 : right;
  background-color      : #00d387;
  text-decoration       : none;
  font-style            : italic;
  color                 : #FFFFFF;
  padding               : 3px 8px;
}
a.savoirplus:hover {
  text-decoration       : underline;
}

h1 {
  background            : #9425b2 url(../images/template/bg.png) repeat-x 0 -356px;
  color                 : #FFFFFF;
  border                : 5px solid #FFFFFF;
  height                : 35px;
  line-height           : 35px;
  font-size             : 25px;
  font-weight           : bolder;
  padding-left          : 5px;
  margin-bottom         : 3px;
  clear                 : both;
}

h2 {
  background            : #9425b2 url(../images/template/bg_h2_violet.jpg) no-repeat 0 0;
  color                 : #FFFFFF;
  border                : 5px solid #FFFFFF;
  height                : 30px;
  line-height           : 30px;
  font-size             : 20px;
  font-weight           : normal;
  padding-left          : 5px;
  margin-bottom         : 3px;
  clear                 : both;
}

h3 {
  background            : #9425b2 url(../images/template/bg_h3_violet.jpg) repeat-y 0 0;
  color                 : #FFFFFF;
  border                : 5px solid #FFFFFF;
  height                : 20px;
  line-height           : 20px;
  font-size             : 13px;
  font-weight           : bolder;
  padding-left          : 5px;
  margin-bottom         : 3px;
  margin-top            : 20px;
  clear                 : both;
}

h4 {
  background            : #01a9d1 url(../images/template/bg.png) repeat-x 0 -426px;
  color                 : #FFFFFF;
  border                : 5px solid #FFFFFF;
  height                : 62px;
  line-height           : 1.1em;
  font-size             : 20px;
  font-weight           : normal;
  padding-left          : 5px;
  padding-top           : 8px;
  margin-bottom         : 3px;
}

.orange h1 {background   : #ffa007 url(../images/template/bg.png) repeat-x 0 -391px;}
.orange h2 {background   : #ffa007 url(../images/template/bg_h2.jpg) no-repeat 0 0;}
.orange h3 {background   : #ffa007 url(../images/template/bg_h3.jpg) repeat-y 0 0;}

.bigarray {
  background            : url(../images/template/nextpreview.gif) no-repeat 0 -19px;
  width                 : 25px;
  height                : 19px;
  float                 : left;
  display               : block;
}

.file {
  background            : url(../images/template/file.gif) no-repeat 0 0;
  width                 : 45px;
  height                : 49px;
  float                 : left;
  display               : block;
}

.content {
  background            : #FFFFFF;
  padding               : 10px 0;
  font-size             : 0.9em;
}

.content  p {
  margin                : 0 10px;
  line-height           : 1.3em;
}


.content  ul {
  padding-left          : 15px;
  margin                : 0.5em 10px;
}
.content  li {
  list-style-type       : disc;
  list-style-position   : inside;
  line-height           : 1.2em;
}

.searchresult {
  margin                : 20px 10px 50px;
}

.searchresult li {
  margin                : 10px 0 0;
  padding               : 8px 0;
  border-bottom         : 1px solid #999999;
  list-style            : none;
  line-height           : 1;
}

.searchresult p{
  margin                : 1em 0 0;
}

.searchresult .quality {
  color                 : #9425B2;
}

.searchresult a{
  color                 : #000000;
}

.searchresult li h2 {
  background            : #9425b2;
  color                 : #FFFFFF;
  display               : inline;
  line-height           : 15px;
  height                : 15px;
  font-size             : 11px;
  padding               : 1px 7px;
  border                : none;
  margin-bottom         : 0;
  font-weight           : normal;
  text-transform		: uppercase;
}

#formsearch {
  margin                : 10px 5px;
  padding               : 5px;
  background            : #FFFFFF url(../images/template/bg_search.png);
  line-height           : 25px;
}

#formsearch label{
  background-color      : #FFFFFF;
  margin-right          : 5px;
  padding               : 0 2px;
  font-weight			: bold;
}

#formsearch .field {
 border                 : 1px solid #a5acb2;
}

.button {
  background-color      : #9425b2;
  border                : none;
  color                 : #FFFFFF;
  font-size             : 10px;
  padding               : 2px 10px;
  cursor                : pointer;
}

.orange .button {
  background-color      : #ffa007;
}

.nbresult {
  color                 : #9425b2;
}

a.purple {
  color                 : #9425b2;
  text-decoration       : none;
}

a.purple:hover {
  text-decoration       : underline;
}

.pager {
  text-align            : center;
  line-height           : 19px;
  height                : 19px;
}

.pager li {
  display               : inline;
}

.pager a {
  color                 : #000000;
  text-decoration       : none;
  line-height           : 19px;
  height                : 19px;
  padding-bottom        : 2px;
  padding-top           : 2px;
}

.pager a:hover {
  text-decoration       : underline;
}

.pager .active {
  font-weight           : bolder;
}

.pager .preview  a{
  background            : url(../images/template/nextpreview.png) no-repeat 0 0;
  padding-left          : 25px;
  padding-right         : 30px;
  font-weight           : bolder;
}

.pager .next  a{
  background            : url(../images/template/nextpreview.png) no-repeat right -19px;
  padding-left          : 30px;
  padding-right         : 25px;
  font-weight           : bolder;
}

.tarifs {
  width                 : 100%;
  border-left           : 5px solid #FFFFFF;
  border-right          : 5px solid #FFFFFF;
}

.tarifs td {
  border                : none; 
  border-bottom         : 2px solid #FFFFFF;
  background-color      : #ebe9e7;
  color                 : #999999;
  padding               : 5px 10px;
}

.tarifs .odd td {
  background-color      : #afa79f;
  color                 : #FFFFFF;
}

.list {
  margin                : 0 20px 20px;
  list-style            : disc inside;
}

.list ul {
  margin                : 0 20px;
  list-style            : circle inside;
}

.list  li {
  color                 : #ffa007;
  line-height           : 1.2em;
}

.list  li span {
  color                 : #000000;
}

.col1 {
  width                 : 45%;
  float                 : left;
}

.col2 {
  width                 : 45%;
  float                 : right;
}

.exposerform {
  padding               : 5px;
}


.form {
  padding               : 5px;
}

.form fieldset, .form table {
  width                 : 100%;
}

.form table td, .form table th {
  padding               : 2px 0;
}

#exposants table input {
  width                 : 250px;
}

#visiteurs table input {
  width                 : 300px;
}

.form table th{
  width                 : 120px;
  vertical-align        : top;
  line-height           : 20px;
  height                : 20px;
  font-weight           : bolder;
  padding-left          : 10px;
}

.form table .checkbox input, .form table .radio input {
  width                 : auto !important;
}

.form  table .checkbox td, .form  table .checkbox th {
  padding               : 10px 10px !important;
}

.form  table .checkbox label {
  display               : block;
  float                 : left;
}

#exposants  table .checkbox label{
  width                 : 150px;
}

#visiteurs  table .checkbox label{
  width                 : 350px;
}

textarea {
  width                 : 100%;
}

.erreur {
  color                 : #990000;
  font-size             : 13px;
  line-height           : 15px;
  border                : 1px solid #990000;
  padding               : 15px;
  width                 : 350px;
  margin                : 10px auto;
}

.erreur p {
  font-weight           : bolder;
  margin-bottom         : 0.5em;
}

.erreur ul li {
  list-style-type       : square;
  list-style-position   : inside;
  padding-left          : 25px
}

.confirmation {
  color                 : #009900;
  font-size             : 13px;
  line-height           : 15px;
  border                : 1px solid #009900;
  padding               : 15px;
  width                 : 350px;
  margin                : 10px auto;
}

a.lien_presse, a.lien_presse:link, a.lien_presse:visited {
  background-color      : #00D387;
  color                 : #FFFFFF;
  float                 : right;
  font-style            : italic;
  padding               : 3px 8px;
  text-decoration       : none;
}

a.lien_presse:hover, a.lien_presse:active, a.lien_presse:focus {
  text-decoration       : underline;
  color                 : #FFFFFF !important;
}

#content .about-content a:hover, #content .about-content a:active, #content .about-content a:focus {
  text-decoration       : none;
  color                 : #000000;
}

#content a, #content a:link, #content a:visited, .about-content a {
  color                 : #000000;
}

#content a:hover, #content a:active, #content a:focus {
  color                 : #9425B2;
}

#menu .sub-presse {
  padding-left : 500px !important;
  width : 400px !important;
}


#menu .sub-infos {
  padding-left : 520px !important;
  width : 380px !important;
}

.about.editable {
  height : 600px;
}

.about.editable h1 {
  height : auto;
}

.about {
	padding : 1px;
	border : 1px solid #999999;
  background : #ebebeb;
  color : #5f5f5f;
  margin-left : 208px;
  height : 78px;
}

.about h1 {
	background : #999999;
	color : #ffffff;
	border : none;
	border-bottom : 1px solid #ebebeb;
	font-size : 15px;
  line-height : 29px;
  height : 29px;
  padding-left : 10px;
	font-weight : normal;
  margin-bottom : 0;
  clear : none;
}

.about .about-content {
	background-color : #ffffff;
  padding : 10px 0 0 10px;
}

#link-hexagone {
	float : left;
	display : block;
  border : 1px solid #999999;
	height : 78px;
  width : 198px;
  background : url(../images/hexagone.png) no-repeat 0 0;
  text-indent : -9999px;
}