/* Bonnes bases */
html, body { height:100%; }
* { margin:0; padding:0; }
/* Agencement */
div.container { width:940px; margin:0 auto; }
div.wrapper { clear:both; float:left; width:100%; }
div.contents { margin:0 310px 0 0; }
div.aside { float:left; width:300px; margin:0 0 0 -300px; }
div.separator { clear:both; }
/* Mise en page */
body { font:12px Verdana, sans-serif; line-height:15px; background:#f2f2f2; }

ul#shortcuts { float:right; font-size:10px; height:15px; }
ul#shortcuts li { display:inline; margin:0; padding:0 0 0 5px; }
ul#shortcuts a { text-decoration:none; color:#000; }
ul#shortcuts a:hover { text-decoration:underline; color:#000; }

p#backmenu { color:#000; font-size:10px; height:15px; }
p#backmenu a { text-decoration:none; color:#000; }
p#backmenu a:hover { text-decoration:underline; color:#000; }

div.pane { clear:both; background:#fff; border:1px solid #ccc; -moz-border-radius:10px; padding:10px; }

div#header h1 { float:left; width:610px; font-size:14px; margin:0 0 15px 0; }
div#header a { display:block; background:url(../images/logo.png) no-repeat left top; padding:0 0 0 55px; color:#000; text-decoration:none; }
div#header strong { line-height:30px; font-size:22px; }

div#sitesearch { float:right; width:300px; padding:10px 0; }
div#sitesearch fieldset { border:0; }
div#sitesearch fieldset legend, div#sitesearch fieldset label { display:none; }
div#sitesearch fieldset input[type=text] { display:block; float:left; border:2px solid #000; color:#000; background:#fff; width:230px; height:20px; font-size:14px; padding:2px 5px; line-height:20px; }
div#sitesearch fieldset input[type=submit] { display:block; float:left; border:2px solid #000; color:#000; background:#ececec; width:40px; margin:0 0 0 10px; font-weight:bold; height:28px; font-size:14px; padding:2px 5px; line-height:20px; }

div.menu { clear:both; background:url(../images/menu-bg.png) repeat-x top left; height:40px; margin:0 0 15px 0; }
div.menu div { background:url(../images/menu-left.png) no-repeat top left; }
div.menu ul { background:url(../images/menu-right.png) no-repeat top right; list-style-type:none; height:40px; }
div.menu ul li { background:url(../images/menu-separator.png) no-repeat top right; float:left; padding:0 1px 0 0; }
div.menu ul li:last-child { background:none; }
div.menu ul li a { display:block; line-height:40px; color:#e1e1e1; text-decoration:none; padding:0 29px 0 30px; font-size:20px; }
div.menu ul li a:hover { color:#fff; }
div.menu ul li a.selected { color:#bbb; }

div.footer ul{ clear:both; text-align:right; list-style-type:none; }
div.footer li { display:inline; font-size:10px; padding:0 0 0 5px;}
div.footer a { text-decoration:none; color:#000; }
div.footer a:hover { color:#000; text-decoration:underline; }
/* Traitement de texte */
/* Blocs titres */
.content { color:#222; border:1px solid #dbdbdb; -moz-border-radius:10px; padding:0 30px; }
#pageaccueil .content { border:0; -moz-border-radius:0; padding:0; }
.content h2 { margin:0 0 15px 0; font-size:20px; font-weight:normal; line-height:30px; }
.content h3 { margin:15px 0 0 0; font-size:14px; font-weight:bold; }
.content h4 { margin:15px 0 0 0; font-size:14px; font-weight:normal; text-decoration:underline; font-style:italic; }
.content h5 { margin:15px 0 0 0; font-weight:bold; }
.content h6 { margin:15px 0 0 0; font-weight:normal; text-decoration:underline; font-style:italic;  }
.content dt { font-weight:bold; }
/* Blocs contenus */
.content p, .content ul, .content dl { margin:0 0 15px 0; }
.content ol { margin:0 0 15px 15px; padding:0; }
.content dd { margin:0; padding:0; }
.content li { margin:0 0 0 15px; padding:0; }
.content p { text-align:justify; }
/* Super blocs */
.content blockquote, .content address ,.content pre { text-align:left; border-left:1px solid #000; margin:15px 10px; padding:0 0 0 10px; }
.content pre { font-family:"Courier New", monospace; }
.content pre { _width:90%; overflow:auto; }
/* Balises en ligne */
.content a { }
.content a:hover { }
.content a:visited {  }
.content code { text-align:left; }
.content em { font-style:italic; }
.content strong { font-weight:bold; }
.content cite { text-decoration:underline; }
.content q { font-style:italic; }
.content q:before { content:"\201C"; }
.content q:after { content:"\201D"; }
.content img { border-style:none; margin:10px; }
.content kbd { border: 1px solid #888; padding: 1px 2px; }
.content kbd { border: 3px outset #f3f3f3; background-color:#f3f3f3; padding: 0px 2px; cursor: default; }
.content kbd:hover { border: 3px inset #f3f3f3; }
.content abbr, acronym { cursor:help; }
/* Formulaires */
.content fieldset { font-weight:bold; border:1px solid #787e82; margin:15px 0; padding:0; }
.content legend { font-size:16px; line-height:30px; color:#787e82; padding:0 5px; margin:0 10px; }
.content label { cursor:pointer; }
.content fieldset strong, .content label { color:#000; font-weight:bold; }
.content fieldset p { text-align:left; }
.content fieldset p.summary { padding:0 15px; }
.content fieldset br { display:none; }
.content span.radio, .content span.select , .content span.input, .content span.password, .content span.textarea, .content span.checkbox, .content span.file, .content span.submit { display:block; float:left; clear:both; width:96%; margin:0 0 15px 0; padding:0 1%; }
.content span.code img, .content span.code object { float:right; margin:0; }
.content span.input label, .content span.textarea label, .content span.select label, .content span.password  label, .content span.file label { float:left; width:45%; text-align:right; }
.content span.input input, .content span.textarea textarea, .content span.select select, .content span.password input, .content span.file input, .content span.submit input { float:right; width:45%; margin:0; padding:0; font-size:12px; }
.content span.radio strong { float:left; width:45%; text-align:right; }
.content span.radio label, .content span.checkbox label { clear:right; float:right; padding:0; width:45%; }
.content fieldset span small { display:block; float:left; width:45%; clear:left; font-size:10px; color:#666; text-align:right; }
.content optgroup { padding:0 0 0 15px; }
.content fieldset span small.format, .content fieldset span small.required  { display:none; }
.content fieldset span.invalid  small.format, .content fieldset span.invalid  small.required  { display:inline; color:#ff0000; }

.content form#search fieldset { padding:10px 0; }
.content form#search span.input label, .content form#search span.input small { display:none; }
.content form#search span.input { float:left; width:340px; margin:0; padding:2px 10px; }
.content form#search span.input input { float:left; width:310px; margin:0 10px; margin:0; padding:0; }
.content form#search span.submit { float:left; clear:none; width:150px; margin:0; padding:0; }
.content form#search span.submit input { float:left; width:150px; margin:0; padding:0; }
/* Tableaux */
.content table { border:1px solid #9e9e9e; border-collapse:collapse; width:100%; margin:auto; overflow: visible;  margin:0 0 15px 0; }
.content th { border:1px dotted #9e9e9e; font-size:12px; }
.content td { font-size:10px; border:none; text-align:center; }
.content caption { font-weight:bold; font-size:12px; margin:15px; text-align:center; }
/* Listes */
.content div.entries div.item  { margin:0; }
.content div.entries div.item h3 { clear:left; margin:0; }
.content div.entries div.item h3 a { text-decoration:none; }
.content div.entries div.item img { float:left; margin:0 10px 10px 0; }
.content div.entries div.item p.description { margin:0 0 15px 0; }
.content div.entries div.item p.description a { color:#000; text-decoration:none; }
.content div.entries div.item p.stats { clear:left; font-size:10px; line-height:14px; color:#222; border-top:1px dotted #222; text-align:right; margin:0 0 15px 0; padding:0; }
.content div.entry p.options { text-align:center; clear:both; }
.content p.page { clear:both; text-align:right; line-height:17px; vertical-align:top; margin:0 10px; padding:20px 0 0 0; }
/*.content p.page a[rel=Prev] { background:url(../images/arrow-left.png) no-repeat center left; padding:0 15px 0 0; }
.content p.page a[rel=Next] { background:url(../images/arrow-right.png) no-repeat center right; padding:0 15px 0 0; }
.content p.page a[rel=Prev] span, .content p.page a[rel=Next] span { display:none; }*/
/* Boxes */
div.cbox { margin:0; padding:0 0 9px 0; }
div.cbox h2 { float:left; background:#999; color:#fff; -moz-border-radius:0 10px 0 0; margin:0; padding:9px 20px 5px 10px; font-size:12px; line-height:15px; }
div.cbox h2 a { color:#fff; text-decoration:none; }
div.cbox h2 a:hover { color:#fff; }
div.cbox h2 a:visited { color:#fff; }
div.cbox h2 a:after { content:" >"; }
div.cbox div { clear:left; border:1px solid #d3d3d3; -moz-border-radius:0 10px 10px 10px; margin:0; padding:4px 10px 0 10px; }
div.cbox div  div{ clear:none; border:0; -moz-border-radius:0; margin:0; padding:0; }
div.box { float:left; clear:left; width:300px; background:url(../images/pro-bottom-left.png) no-repeat left bottom; margin:10px 0 15px 0; }
div.box div.sbox { background:url(../images/pro-bottom-right.png) no-repeat right bottom; }
div.box div.ssbox { background:url(../images/pro-top-left.png) no-repeat left top; }
div.box div.sssbox { background:url(../images/pro-top-right.png) no-repeat right top; padding:20px 10px 15px 10px; }
div.box h2 { font-size:14px; font-weight:bold; }
div.box ul { list-style-type:none; }
div.box li:before { content:'- '; }
div.box a { text-decoration:none; color:#000; }
div.box div.bcontent a:after { content:'>'; }
div.box strong { font-size:14px; }
div.pro { margin-top:-5px; }
div.surfer { background:url(../images/surfer-bottom-left.png) no-repeat left bottom; color:#fff; }
div.surfer div.sbox { background:url(../images/surfer-bottom-right.png) no-repeat right bottom; }
div.surfer div.ssbox { background:url(../images/surfer-top-left.png) no-repeat left top; }
div.surfer div.sssbox { background:url(../images/surfer-top-right.png) no-repeat right top; padding:5px 130px 15px 10px; }
div.surfer a { color:#fff; }
div.city { background:url(../images/city-bottom-left.png) no-repeat left bottom; color:#fff; margin-bottom:0; }
div.city div.sbox { background:url(../images/city-bottom-right.png) no-repeat right bottom; }
div.city div.ssbox { background:url(../images/city-top-left.png) no-repeat left top; }
div.city div.sssbox { background:url(../images/city-top-right.png) no-repeat right top; padding:10px 50px 15px 10px; }
div.city li:before { content:' - '; }
div.city li:first-child:before { content:''; }
div.city a { color:#fff; }
div.city a:after { content:none; }
div.city li { list-style-type:none; display:inline; }
div.hotel { background:url(../images/hotel-bottom-left.png) no-repeat left bottom; color:#fff; margin-bottom:0; }
div.hotel div.sbox { background:url(../images/hotel-bottom-right.png) no-repeat right bottom; }
div.hotel div.ssbox { background:url(../images/hotel-top-left.png) no-repeat left top; }
div.hotel div.sssbox { background:url(../images/hotel-top-right.png) no-repeat right top; padding:35px 50px 15px 10px; }
div.hotel a { color:#fff; }
div.restaurant { background:url(../images/restaurant-bottom-left.png) no-repeat left bottom; color:#fff; }
div.restaurant div.sbox { background:url(../images/restaurant-bottom-right.png) no-repeat right bottom; }
div.restaurant div.ssbox { background:url(../images/restaurant-top-left.png) no-repeat left top; }
div.restaurant div.sssbox { background:url(../images/restaurant-top-right.png) no-repeat right top; padding:35px 50px 15px 10px; }
div.restaurant a { color:#fff; }
div.job { background:url(../images/job-bottom-left.png) no-repeat left bottom; color:#fff; margin-top:-10px; }
div.job div.sbox { background:url(../images/job-bottom-right.png) no-repeat right bottom; }
div.job div.ssbox { background:url(../images/job-top-left.png) no-repeat left top; }
div.job div.sssbox { background:url(../images/job-top-right.png) no-repeat right top; padding:35px 90px 15px 10px; }
div.job a { color:#fff; }
div.feed { background:url(../images/feed-bottom-left.png) no-repeat left bottom; color:#fff; }
div.feed div.sbox { background:url(../images/feed-bottom-right.png) no-repeat right bottom; }
div.feed div.ssbox { background:url(../images/feed-top-left.png) no-repeat left top; }
div.feed div.sssbox { background:url(../images/feed-top-right.png) no-repeat right top; padding:5px 60px 15px 10px; }
div.feed a { color:#fff; }
div.gps { background:url(../images/gps-bottom-left.png) no-repeat left bottom; color:#fff; }
div.gps div.sbox { background:url(../images/gps-bottom-right.png) no-repeat right bottom; }
div.gps div.ssbox { background:url(../images/gps-top-left.png) no-repeat left top; }
div.gps div.sssbox { background:url(../images/gps-top-right.png) no-repeat right top; padding:5px 60px 15px 10px; }
div.gps a { color:#fff; }
div.twitter { background:url(../images/twitter-bottom-left.png) no-repeat left bottom; color:#fff; }
div.twitter div.sbox { background:url(../images/twitter-bottom-right.png) no-repeat right bottom; }
div.twitter div.ssbox{ background:url(../images/twitter-top-left.png) no-repeat left top; }
div.twitter div.sssbox { background:url(../images/twitter-top-right.png) no-repeat right top; padding:0; }
div.twitter a { display:block; color:#fff; line-height:30px; padding:5px 60px 5px 10px; }
